echarts饼图 legend设置使文字过长显示...

文字过长导致显示问题

legend: {
  top: '1%',
  right: 'right',
},

将legend添加一些属性

legend: {
  top: '1%',
  right: 'right',
  orient: "vartical",
  triggerEvent: true,
  tooltip: {
    show: true,
    trigger: 'item',//鼠标移动上去展示全称
  },
  formatter: function (params) {
    var val = "";
    if (params.length > 6) {
      val = params.substr(0, 6) + '...';
      return val;
    } else {
      return params;
    }
  }
},

效果