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

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

以下是一个例子：

option = {
  legend: {
    width: 200, // 设置宽度
    formatter: function(name) {
      // 自定义显示内容
      return name.length > 10 ? name.substring(0, 10) + '...' : name;
    }
  },
  tooltip: {
    show: true,
    trigger: 'axis',
    formatter: function(params) {
      // 提示框内容
      return params[0].name + ': ' + params[0].value;
    }
  },
  // 其他配置项
  // ...
}

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

.echarts-legend-container {
  width: 200px;
}

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

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