vue3+echarts,tooltip trigger: 'axis'没有作用,解决办法

方法一:

用 markRaw 让echarts从监听对象变成普通对象!!

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

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

 方法二:

// vue3 script标签中定义一个echarts实例

//原 let myChart = ref(null) 改为下面不使用ref let myChart = null
myChart = echarts.init(xxx) 此方法不使用vue3的ref响应式,即不用myChart.value格式

 

 

 

posted @ 2022-12-04 21:41  前端朝花夕拾  阅读(1029)  评论(0)    收藏  举报