echart legend 设置width不生效

ECharts的legend组件设置宽度通常通过`legend.width`属性来控制。然而，有时候可能发现设置这个属性后实际显示的宽度并未改变，这可能是由于以下几个原因：

1. **默认样式覆盖**：ECharts的默认样式可能会隐式影响legend的大小，尤其是在自适应布局下。你可以尝试将`auto`改为具体的像素值(`legend.width: '50px'`)，强制指定宽度。

2. **CSS冲突**：检查是否有其他CSS规则覆盖了legend的样式。如果有的话，可以优先级更高地设置width属性。

3. **绘图区域大小**：legend的宽度受其容器（一般是chart的grid或custom组件）的大小限制。确认legend所在的位置和容器是否有足够的空间。

4. **版本兼容性**：某些版本可能存在bug。确保你使用的ECharts版本支持该特性，并查看官方文档或更新日志。

如果你遇到这类问题，建议在初始化图表时添加`legend`配置，如：

option = {
    legend: {
        show: true,
        width: '100%', // 或者具体像素值
        itemWidth: 10, // 可能需要调整item的宽度
        textStyle: { fontSize: 14 }, // 如果文字大小影响到宽度
        layout: 'vertical' // 控制legend的方向，对宽度有影响
    },
    ...其他选项...
};

然后检查浏览器开发者工具中的样式，确认设置是否生效。