设置echarts 图例为长方形

在 ECharts 中，要将图例（legend）的标记（icon）设置为长方形（矩形），可以通过legend配置项中的icon属性来实现。

✅ 方法：使用icon: 'rect'

ECharts 内置了多种图例标记样式，其中'rect'表示矩形（长方形）。

🔧 配置方式：

option={legend:{icon:'rect',// 所有图例项都使用矩形图标// 其他位置配置...},series:[{name:'销量',type:'line',data:[...]},{name:'库存',type:'line',data:[...]}]}

🎯 效果说明：

• 默认图例图标是圆形（'circle'）
• 设置icon: 'rect'后，所有图例前的标记会变成小矩形（长方形）
• 矩形尺寸由 ECharts 自动控制，通常宽高比约为 2:1（横向长方形）

✅ 进阶：为不同系列设置不同图标（可选）

如果你只想对特定系列使用矩形，可通过series中的legendIcon（但注意：ECharts 官方不支持 per-series 的 legend icon）。
因此，统一设置legend.icon是唯一可靠方式。

⚠️ 注意：legend.data中不能单独指定 icon，必须全局设置。

🖼️ 其他内置 icon 类型参考：

💡 示例完整代码：

option={legend:{left:'left',top:'top',icon:'rect'// ← 关键配置},xAxis:{type:'category',data:['A','B','C']},yAxis:{type:'value'},series:[{name:'销量',type:'line',data:[10,20,30]},{name:'库存',type:'line',data:[15,25,35]}]};

这样，你的 ECharts 图例就会显示为长方形标记，符合你的需求。