ECharts最新版 图表中 legend 用div这种形式,但是type是scroll

如果您需要在ECharts最新版中使用legend的滚动功能，并且需要使用div形式的图例项，可以通过设置ECharts的渲染器（renderer）为'canvas'来实现。以下是一个示例代码：

option = {
  ...
  legend: {
    type: 'scroll',
    orient: 'vertical',
    itemHeight: 14,
    selectedMode: false,
    formatter: function(name) {
      return '<div style="width: 100px;height: 20px;background-color: #ccc;">' + name + '</div>';
    }
  },
  renderer: 'canvas',
  ...
};

在上述代码中，我们将legend的type设置为'scroll'，并在formatter中使用div标签和样式来自定义每个图例项的内容。同时，我们还将渲染器设置为'canvas'，以确保div形式的图例项能够正确地显示。需要注意的是，使用canvas渲染器可能会带来一定的性能损失，因此建议在需要使用div形式的图例项时再使用该设置。