echarts柱状图图例显示方形
时间: 2023-11-08 16:03:01 浏览: 504
echarts柱状图
要在 ECharts 的柱状图中将图例显示为方形,可以通过修改图例的配置项来实现。具体的做法是在 `legend` 配置项中设置 `itemWidth` 和 `itemHeight` 属性为相同的值,以确定图例的宽度和高度一致,从而呈现为方形。
下面是一个示例代码:
```javascript
option = {
// 其他配置项...
legend: {
itemWidth: 14, // 设置图例宽度
itemHeight: 14, // 设置图例高度
// 其他图例配置项...
},
// 其他配置项...
};
```
你可以根据实际需要调整 `itemWidth` 和 `itemHeight` 属性的数值,使图例显示出你期望的方形效果。
阅读全文