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

  tooltip: {
    trigger: 'item',
  },

将设置好的option在官网的代码运行器中没有问题

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

import { ref, reactive, watch, onMounted, markRaw } from 'vue';
...
const chartBox = document.getElementById('chart-box');
myChart = markRaw(echarts.init(chartBox));

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

markRaw() 详情参考这里:markRaw详情

个人理解:markRaw 和 toRaw 区别
markRaw 为设置禁止将对象转为代理模式
toRaw 为对象转为代理模式之后再转回原来的值

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐