最新版echarts圆环 的 legend设置了宽度但是里边自定义的内容过长就会影藏,想让他超出就...,然后有tooltip提示 例子

同样可以使用 `formatter` 属性来自定义 legend 的显示内容，并且使用 CSS 样式来控制宽度和超出部分的显示效果。

以下是一个圆环图的例子：

option = {
  series: [{
    type: 'pie',
    radius: ['40%', '60%'],
    data: [
      {value: 335, name: '长长长长的名字'},
      {value: 310, name: '短名字'},
      {value: 234, name: '中等长度的名字'},
      {value: 135, name: '非常非常非常非常非常非常非常非常非常长的名字'}
    ],
    label: {
      formatter: function(params) {
        // 自定义显示内容
        return params.name.length > 10 ? params.name.substring(0, 10) + '...' : params.name;
      }
    }
  }],
  legend: {
    width: 200, // 设置宽度
    formatter: function(name) {
      // 自定义显示内容
      return name.length > 10 ? name.substring(0, 10) + '...' : name;
    },
    tooltip: {
      show: true // 开启 tooltip 提示
    }
  }
}

然后在 CSS 中设置 `text-overflow` 和 `white-space` 属性来控制超出部分的显示效果：

.echarts-legend-container {
  width: 200px; /* 设置宽度 */
}

.echarts-legend-container li {
  text-overflow: ellipsis;
  white-space: nowrap;
}

这样，圆环图的 legend 中的内容就可以超出部分显示，并且在鼠标悬浮时会有 tooltip 提示。