因为任务需要点击Y轴坐标后---->>>触发新的事件,但是过一会儿后就不知道刚才点击的是哪个YAxisLabel值了,所以需要highlight一下。
查询官网手册,试了很久最后发现逆向传参一下就好了。
先上效果图:
这里我点击的是最上面的“Sun”坐标,点击后是绿色的,未点击的时候是红色的。
思路如下:
先定义全局变量,这样在option中才可以直接使用变量值:
let indexLabel = null;
然后,检查你是否把Y轴触发打开了:
triggerEvent: true, //设置Y轴也可以触发点击事件
如果没有打开,那么你点击Y轴是不会执行动作的。
接下来给YAxisLabel设置颜色改变的条件:
axisLabel: {
textStyle: { //这里的str是YAxisLabel的每一个值
color:function (str) {
return indexLabel &#