vue3中使用echarts的tooltip的trigger为axis时不显示问题

遇到一个问题,vue3中使用echarts tooltip使用item没有问题,在使用axis时一直出不来滑动效果

  tooltip: {
    trigger: 'item',
  },

将设置好的option在官网的代码运行器中没有问题,但是在本地运行则不生效

最后解决办法: 用 markRaw 让echarts从监听对象变成普通对象!!

<div ref="TrendRef"></div>
...
import { markRaw } from 'vue';
...
myChart = markRaw(echarts.init(this.$refs.TrendRef));


因为vue3中的数据对象是用的proxy监听的,要取值需要用value等方法取出来。

作者:WuQiling
文章链接:https://www.wqlblog.cn/vue3中使用echarts的tooltip的trigger为axis时不显示问题/
文章采用 CC BY-NC-SA 4.0 协议进行许可,转载请遵循协议
暂无评论

发送评论 编辑评论


				
默认
贴吧
上一篇
下一篇