echart折线图例小圆点颜色
时间: 2025-01-13 12:59:12 浏览: 56
### 修改 ECharts 折线图中图例小圆点的颜色
为了修改 ECharts 折线图中图例小圆点的颜色,可以通过配置 `itemStyle` 来实现。具体来说,在系列(series)配置项中指定 `itemStyle.normal.color` 属性来设定小圆点的颜色[^2]。
下面是一个完整的 JavaScript 配置实例:
```javascript
option = {
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value'
},
series: [{
name: 'Series Name',
type: 'line',
itemStyle: {
normal: {
color: '#ff0000' // 设置小圆点颜色为红色
}
},
data: [120, 200, 150, 80, 70, 110, 130]
}]
};
```
此代码片段展示了如何通过设置 `itemStyle.normal.color` 的值来更改图表中小圆点的颜色。在这个例子中,小圆点被设成了红色(`'#ff0000'`)。
如果希望进一步定制化,比如只改变图例外的小圆点而不影响其他部分,则可以考虑更复杂的配置选项或利用回调函数动态计算样式属性。
阅读全文
相关推荐


















