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 普通变量。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/874171.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

09-03 周二 ansible部署与使用指南

09-03 周二 ansible部署与使用指南 时间版本修改人描述2024年9月3日10:08:58V0.1宋全恒新建文档,2024年9月4日13:57:25v0.2宋全恒调整结构,添加ansible-playbook和ansible-inventory 简介 首先要找一个跳板机,来确保所有的机器都可以访问。然…

C#自定义控件的放置与拖动

1、自定义控件 using System; using System.Collections.Generic; using System.ComponentModel; using System.Drawing; using System.Drawing.Drawing2D; using System.Linq; using System.Text; using System.Threading.Tasks; using System.Windows.Forms;namespace PartA…

动态内存管理【存稿】

动态内存管理 1.为什么有动态内存分配? 我们所知道的内存开辟 int a 3; //在栈空间上开辟4个字节 char b a; //在栈空间上开辟1个字节 int arr[30] {0};//在栈空间上开辟120个字节的连续空间这种内存开辟的特点: 空间开辟的大小是固定的 数组在申…

简单的springboot log4j2日志配置

简单的springboot log4j2日志配置 1.简介 Log4j2 是 Apache Software Foundation 开发的一个日志记录工具,它是 Log4j 的后续版本,并且在多个方面进行了改进。以下是 Log4j2 的一些关键特性: 性能提升:Log4j2 在设计上做了很多优…

航空维修培训中的虚拟现实辅助工程技术应用

飞机维护对航空旅行安全起着至关重要的作用,据美国劳工统计局的一份报告显示,航空业每年需要招聘12,000名的飞机机械师才能满足行业需求。但由于传统实践培训的限制和航空技术的飞速发展,该行业正面临着专业技术人员短缺的问题。虚拟现实辅助…

智能新纪元:GPT-Next引领的AI革命及其跨领域应用

GPT-Next:性能的百倍提升 在当今这个科技日新月异的时代,人工智能(AI)无疑是最具活力和变革性的领域之一。最近,OpenAI在KDDI峰会上宣布了一项激动人心的消息:他们即将推出名为“GPT-Next”的新一代语言模…

JavaScript - Api学习 Day03 (日期对象、节点操作、两种定时器、本地存储)

文章目录 一、日期对象1.1 实例化1.2 日期对象方法 二、节点操作2.1 父子兄弟节点1. 父节点查找2. 子节点查找3. 兄弟关系查找 2.2 增删节点1. 创建节点 - createElement2. 添加节点2.1 appendChild() 方法2.2 insertBefore() 方法2.3. 克隆节点 - cloneNode 3. 删除节点3.1 re…

第11章 32位x86处理器编程架构

第11章 32位x86处理器编程架构 IA-32(INTEL Architecture, 32-bit):INTEL 32位处理器架构简称IA-3,以8086处理器为基础发展起来的。该章重点介绍了IA-32处理器的工作方式和相关技术。 IA-32架构的基本执行环境 寄存器的扩展 32位处理器通用寄存器&am…

Python专项进阶——初步认识Numpy库

NumPy是Numeric Python的缩写,一个优秀的开源科学计算库。 个人理解,NumPy是一个主要围绕着数值数组对象(ndarray)(或叫做矩阵)进行各种操作的对象、函数集合。提供很多实用的数学函数,涵盖线性…

【Python报错已解决】TypeError: expected string or bytes-like object

🎬 鸽芷咕:个人主页 🔥 个人专栏: 《C干货基地》《粉丝福利》 ⛺️生活的理想,就是为了理想的生活! 文章目录 前言一、问题描述1.1 报错示例1.2 报错分析1.3 解决思路 二、解决方法2.1 方法一:确保参数类型正确2.2 步…

知识库管理系统在企业数字化转型中的作用

引言 在数字化转型的浪潮中,企业正以前所未有的速度重塑其业务模式、运营流程和组织架构,以适应快速变化的市场环境和客户需求。这一过程中,知识库管理系统作为信息整合与知识共享的核心平台,发挥着举足轻重的作用,不…

antd-table使用报错的一次记录,rowkey的正确使用

each child in a list should have a unique "key" prop. Each record in table should have a unique key prop, or set rowKey to an unique primary key. 如果你在使用antd-table中报错如上,那么你应该是错误使用rowkey这个属性 正确使用方式&#xf…

【评估指标】Fβ-score

1. Fβ-score 概述 Fβ-score 是一种综合考量精确率(precision)和召回率(recall)的分类评估指标。其公式为: 1.1 Precision(精确率):预测为正类的样本中,实际为正类的比…

Jupyter Notebook设置代码提示和自动代码补全

算法学习、4对1辅导、论文辅导或核心期刊可以通过公众号滴滴我 文章目录 在使用Jupyter Notebook中,会出现Jupyter不像Pycharm一样,可以 自动补全代码以及 代码方法提示等功能,这时候就需要通过给Jupyter安装插件来进行实现。 执行步骤&#…

进程与计划任务

top 查看进程 x users 表示有几个shell开启 x stopped 前台任务在后台暂停firefox & 在后台运行,不在前面显示 ​​​​​​​这种方式常用于需要长时间运行且不需要即时交互的程序或命令,以便用户可以在终端中使用其他命令或进行其他操作&#…

conda环境打包 及 常见报错修改

正常打包命令 conda pack -n 自己的虚拟环境名 -o output_name.tar.gz示例: conda pack -n dassl -o dasslEnv.tar.gz出现报错1 (base) :~$ conda pack -n dassl -o output.tar.gz Collecting packages... CondaPackError: Cannot pack an environment with edita…

Brequinar (Synonyms: 布喹那; DUP785; NSC 368390) AbMole介绍

Brequinar(布喹那)是一种合成的喹啉羧酸类似物,也是有效的二氢乳清酸脱氢酶(DHODH)抑制剂,对人 的 IC50 值为 5.2 nM,可以通过抑制DHODH,从而阻断嘧啶的从头合成。此外,Brequinar还可诱导肿瘤的…

dcmtk生成RDSR中由于添加数据先后导致数据丢失错误的修复

1. 缘起 在尝试生成辐射剂量的结构化报告(RDSR)时,执行完相应的代码,小伙伴提醒我导出的数据中缺少了PID信息。 2. 分析和测试 首先分析之前文件的生成流程,如下所示: 对于设备信息和常规DCM信息的处理…

ADG切换RESOLVABLE GAP

一、现象 在切换ADG的过程中,需先关闭rac的二节点。 关闭后发现存在 :RESOLVABLE GAP 二、处置 1、分析解决GAP 2、拉起主备数据库的2节点 3、几分钟之后GAP消失 4、再次关闭主备库的2节点,开始切换,正常。

栈—数据结构

一、系统栈 系统栈(System Stack): 用途:系统栈通常指的是调用栈(Call Stack),它用于存储程序执行期间的函数调用信息。每当一个函数被调用时,系统栈会记录这个调用的状态&#xff0…