遇到一个问题,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 为对象转为代理模式之后再转回原来的值