在使用echarts5.3.2过程中,发生一个不应该发生的bug,希望效果如下
现实中如下
代码中设置了tooltip: {trigger: ‘axis’}不生效啊。查阅文档,应该是这样设置的啊,可是为什么无效呢。改成tooltip: {trigger: ‘item’}虽能显示弹框,但是不是我想要的效果啊。
我不能忍啊,我要知道这是为什么?
一番折腾,终于找到原因了,echarts
实例不能赋值给响应式对象,会导致tooltip
不显示。
错误代码如下:
修改后如下:
实现效果
总结:echarts
实例不能赋值给响应式对象,会导致tooltip
不显示,如果使用的是ref(null)
或者this.mychart
形式,可以改为let mychart = null
普通变量。