当前位置: 首页 > news >正文

echarts 5.3.2 折线图 tooltip设置trigger为axis无效

在使用echarts5.3.2过程中,发生一个不应该发生的bug,希望效果如下
在这里插入图片描述
现实中如下
在这里插入图片描述
代码中设置了tooltip: {trigger: ‘axis’}不生效啊。查阅文档,应该是这样设置的啊,可是为什么无效呢。改成tooltip: {trigger: ‘item’}虽能显示弹框,但是不是我想要的效果啊。
在这里插入图片描述
我不能忍啊,我要知道这是为什么?
在这里插入图片描述
一番折腾,终于找到原因了,echarts实例不能赋值给响应式对象,会导致tooltip不显示。
错误代码如下:
在这里插入图片描述
修改后如下:
在这里插入图片描述
实现效果
在这里插入图片描述
总结:echarts实例不能赋值给响应式对象,会导致tooltip不显示,如果使用的是ref(null)或者this.mychart形式,可以改为let mychart = null 普通变量。

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • IPC$漏洞多位密码爆破方法
  • Qml 实现星级评分组件
  • MyBatis 入门之动态 SQL
  • ElasticSearch的DSL查询④(DSL查询、RestClient的DSL查询)
  • Windows安装HeidiSQL教程(图文)
  • 在 SNMP 中的数据类型码
  • 机器学习 第10章 降维与度量学习
  • 真实案例分享:零售企业如何避免销售数据的无效分析?
  • Kali Linux 设置与维护教程
  • 【开源大模型生态7】华为的盘古大模型
  • 《三角洲行动》“是时候玩点好的” 9月26日在PC及移动端上线
  • vscode 高效率开发手册
  • 一分钟了解统一软件开发过程RUP的那点事
  • 说说相机标定?
  • react-问卷星项目(1)
  • [译]CSS 居中(Center)方法大合集
  • 〔开发系列〕一次关于小程序开发的深度总结
  • 07.Android之多媒体问题
  • Angular Elements 及其运作原理
  • ECMAScript入门(七)--Module语法
  • leetcode378. Kth Smallest Element in a Sorted Matrix
  • LeetCode算法系列_0891_子序列宽度之和
  • MQ框架的比较
  • open-falcon 开发笔记(一):从零开始搭建虚拟服务器和监测环境
  • session共享问题解决方案
  • STAR法则
  • vagrant 添加本地 box 安装 laravel homestead
  • 二维平面内的碰撞检测【一】
  • 近期前端发展计划
  • 扫描识别控件Dynamic Web TWAIN v12.2发布,改进SSL证书
  • 使用Maven插件构建SpringBoot项目,生成Docker镜像push到DockerHub上
  • 我的业余项目总结
  • 学习笔记:对象,原型和继承(1)
  • 要让cordova项目适配iphoneX + ios11.4,总共要几步?三步
  • 移动端解决方案学习记录
  • 智能网联汽车信息安全
  • 白色的风信子
  • AI又要和人类“对打”,Deepmind宣布《星战Ⅱ》即将开始 ...
  • 容器镜像
  • ​2020 年大前端技术趋势解读
  • ​LeetCode解法汇总1410. HTML 实体解析器
  • ​软考-高级-系统架构设计师教程(清华第2版)【第15章 面向服务架构设计理论与实践(P527~554)-思维导图】​
  • ​软考-高级-信息系统项目管理师教程 第四版【第14章-项目沟通管理-思维导图】​
  • #NOIP 2014# day.1 生活大爆炸版 石头剪刀布
  • #职场发展#其他
  • $forceUpdate()函数
  • $refs 、$nextTic、动态组件、name的使用
  • (C语言)fgets与fputs函数详解
  • (独孤九剑)--文件系统
  • (附源码)springboot 个人网页的网站 毕业设计031623
  • (附源码)计算机毕业设计ssm电影分享网站
  • (力扣记录)1448. 统计二叉树中好节点的数目
  • (十三)Flask之特殊装饰器详解
  • (五)c52学习之旅-静态数码管
  • (一)appium-desktop定位元素原理