echarts线图默认不显示symbol,选中时高亮显示symb
2022-05-29 本文已影响0人
沃德麻鸭
效果图如下:
![](https://img.haomeiwen.com/i26621755/4d0c52abb8cc54ad.png)
实现代码:
①首先默认设置showSymbol显示状态为false,这时自动就会变为选中时才会显示圆圈
②圆圈的类型进行自己选择,大小自己调整
③添加边框通过itemStyle进行设置(设置线通过lineStyle),圆圈的颜色默认和线的颜色一致,设置两者其中一个的color都会引起圆圈和线颜色的一起变化
![](https://img.haomeiwen.com/i26621755/19a2a71efe537221.png)
效果图如下:
实现代码:
①首先默认设置showSymbol显示状态为false,这时自动就会变为选中时才会显示圆圈
②圆圈的类型进行自己选择,大小自己调整
③添加边框通过itemStyle进行设置(设置线通过lineStyle),圆圈的颜色默认和线的颜色一致,设置两者其中一个的color都会引起圆圈和线颜色的一起变化