echarts折线图的小圆点颜色

2024-07-15 10:25| 来源: 网络整理| 查看: 265

在用折线图的时候遇到的小问题，在这里记录一下。

想要做的是改变小圆点的颜色，看文档之后，直接设置itemStyle

【想要的效果】

设置itemStyle：

series: [{ type: 'line', itemStyle: { color: "#6c50f3" } ... }]

结果发现只有边框颜色改变的，里面的颜色并没有改变！查了很多文章都是说直接这样设置。。太奇怪了。。琢磨了一会儿发现，原来是少设置了symbol

series: [{ type: 'line', symbol: 'circle', // 设置标记的图形为circle itemStyle: { color: "#6c50f3" } ... }]

加上symbol之后就可以了，再调一下border的颜色即可

【本文地址】

今日新闻