Echarts 实现 hover 状态下,坐标轴文字高亮
一、需求说明
Echarts 图中的柱状图和坐标文字皆可点击触发相对于的事件,希望用户鼠标 hover 状态有颜色高亮的效果。如图:
二、实现思路
Echarts 的柱状图 hover 状态已默认有高亮状态,不作叙述;难点在于坐标轴文字如何实现 hover 高亮。经过查找 Echarts 关于轴线的 hover 状态下的颜色配置,并没有。。。data.textStyle.color 不区分任何状态!!!
那就通过监听 Echarts 的 mouseover 和 mouseout 事件来动态更改 data.
原创
2021-01-19 17:32:32 ·
6232 阅读 ·
2 评论