Vue3:eachars 折线图 数据不联动 和 tooltip: trigger: ‘axis‘ 不生效,不提示数据

问题1: 点击折线图的头部数据(Email、UnionAds等) 下面数据线不联动问题 

问题2:下图是没有提示数据的Demo 

  这是echars官网的提示数据图 

3.解决办法

(1)检查是否设置:trigger:axios这个是表示按照坐标轴提示数据,trigger:item按每个点提示数据

(2)引入markRaw 

在 Vue 3 中,markRaw 是一个用于告诉 Vue 的响应性系统不要对某个对象进行转换或追踪其响应性的函数。当你有一个对象,并且你确定你不需要它成为响应性对象时,你可以使用 markRaw 来标记它

import { markRaw } from "vue"

 

 初始化时加上markRaw

 直接在原来的加上  markRaw(echarts.init(............))  就可以了

that.myChart = markRaw(echarts.init(document.getElementById(“设置自己的id”)))

点击头部数据也不能联动显示线数据,通过加上 markRaw 问题都解决了

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值