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

以下是一个例子，演示了如何设置legend的宽度并将超出宽度的内容展示出来，同时添加tooltip提示：

var option = {
  legend: {
    type: 'scroll',
    width: 500,
    formatter: function(name) {
      return echarts.format.truncateText(name, 500, '12px Microsoft Yahei', '…');
    }
  },
  tooltip: {
    trigger: 'axis'
  },
  series: [
    {
      name: '系列1',
      type: 'line',
      data: [10, 20, 30, 40, 50]
    },
    {
      name: '系列2',
      type: 'line',
      data: [50, 40, 30, 20, 10]
    }
  ]
};

// 初始化echarts实例
var myChart = echarts.init(document.getElementById('chart'));

// 绘制图表
myChart.setOption(option);

在上面的例子中，我们设置了legend的宽度为500，当内容超出宽度时，使用`echarts.format.truncateText`方法将文本截取为500个像素长度，并添加省略号。同时，我们设置了tooltip的trigger属性为axis，当鼠标悬停在图表上时，展示每个系列对应的数值。