ECharts 图表中 legend 的宽度和文本溢出怎么用css实现

要使用 CSS 控制 ECharts 图表中 legend 的宽度和文本溢出，需要先通过 JavaScript 获取到相关的 DOM 元素，然后再使用 CSS 样式来设置。

以下是一个示例代码，演示如何使用 CSS 控制 ECharts 图表中 legend 的宽度和文本溢出：

// 获取 legend 相关的 DOM 元素
let legendContainer = document.querySelector('.echarts-legend-container');
let legendItems = legendContainer.querySelectorAll('.echarts-legend-item');

// 设置 legend 宽度
legendContainer.style.width = '200px';

// 设置 legend 文本溢出样式
legendItems.forEach(item => {
  item.style.overflow = 'hidden';
  item.style.textOverflow = 'ellipsis';
  item.style.whiteSpace = 'nowrap';
});

在上面的代码中，我们首先通过 `querySelector` 和 `querySelectorAll` 获取到了 legend 相关的 DOM 元素，然后分别设置了 legend 容器的宽度和每个 legend 选项的文本溢出样式。

需要注意的是，由于 ECharts 中的图表是 canvas 渲染的，因此我们无法直接修改图表中的样式。只能通过修改图表 DOM 元素的样式来实现控制。但是，这种方式可能会影响到图表的性能和稳定性，因此需要谨慎使用。