您的位置: 首页 > 新闻资讯 > 技术文章 >
技术文章 返回列表

解决:vue3使用echarts图表tooltip不显示

来源:和光网络 日期:2021-08-17 16:55:28 点击:3478

在vue3项目中使用echarts折线图时发现了一个问题,echarts的提示框组件tooltip无法显示

原因: 因vue3中使用了Proxy对象代理,但echarts中使用了大量的===造成对比失败。

解决方法:不要将 echarts 实例包装成响应式对象,也就是避免使用 ref 和 reactive。可以用 shallowRef 或者普通变量

let chart = null

chart = echarts.init(this.$el)

chart.setOption(option)

使用普通变量保存echarts实例