Eachars 饼图 title 文字超出隐藏，调整title位置

 问题：title 文字过长，将本位于右边的title 顶到了左边，甚至超出

 

目标效果：将过长的文字隐藏，显示 ...

最终实现效果：

 代码：

{
        color: ['#2DD5E9', '#BF77F1', '#00CFA1', '#FEB70D', '#E34F52', '#FF9967'],
        tooltip: {
          formatter: '{b} : {c}'+ '\n\r' + '({d}%)'
        },
        legend: {
           formatter: function (name: string) {  // 通过 formater 传入一个回调函数，对文字进行遍历，超出 5 个就删除后面的，拼接上 ...； 最后再 return 你修改后的 name
                            if (!name) return '';
                            //超出几个字符隐藏，鼠标悬浮时显示
                            if (name.length > 5) {
                                name =  name.slice(0,5) + '...';
                            }
                            return name
                        },
          type: 'scroll',
          orient: 'vertical',
          right: 5,
          // x: '75%',  // x，y 控制title的显示位置
          y: 'center',
          textStyle: {
            color: '#fff',
          },
        },
        series: [
          {
            type: 'pie',
            radius: [0,50],
            center: ['30%', '50%'],
            label: {
              normal: {
                show: true,
                formatter: "{c}",
                textStyle: {
                  color: '#fff',
                  fontSize: '12',
                  fontWeight: 'bold'
                }
              },
            },
            labelLine: {
              normal: {
                length: 20,
                length2: 5,
              }
            },
            data:[]
          }
        ]
    }