【Echarts】vue3中echarts的tooltip不显示的问题

---

前言

修改前

const mapChartRef = ref(null);

let instance = reactive({
    
     dom: null }); // 重点

const initCharts = () => {
    
    

  if (!instance.dom) {
    
    
    instance.dom = echarts.init(mapChartRef.value, 'darkTheme')
  }


  echarts.registerMap('HuNan', HN_MAP_JSON);
  instance.dom.setOption(props.option)

  // 当窗口大小改变时候，echarts重置大小
  window.addEventListener('resize', instance.dom.resize)
}

---

提示：以下是本篇文章正文内容，下面案例可供参考

解决

问题原因: echarts 实例赋值给 reactive 响应式 Proxy对象，导致tooltip不显示

将示例对象改成非响应式的

let instance = {
    
     dom: null }; // 重点

总结

以上就是今天要讲的内容