echarts默认显示一个时间点的tooltip以及鼠标移出之后依然显示 tooltip

2023-11-16

最终显示效果如下

默认打开页面显示设置的某个时间点的tooltip,鼠标移开之后依然显示

下面是实现代码:一看就懂,搬走就用

 draw(tabIndex) {
      let pricetrend = this.$echarts.getInstanceByDom(document.getElementById('pricetrend' + tabIndex));
      if (pricetrend == null) {
        pricetrend = this.$echarts.init(document.getElementById('pricetrend' + tabIndex), '', { locale: "ZH" })
      }
      // 根据this.option的数据绘制图表
      pricetrend.setOption(this.option1, true)
      let tagTime1 = this.searchPOsition(this.option1.series)//查找要设置的点的tooltip在数据第几个series的第几个位置
      setTimeout(function () {
        pricetrend.dispatchAction({
          type: 'showTip',
          seriesIndex: tagTime1[0],  // 显示第几个series
          dataIndex: tagTime1[1]//第几个位置
        });
      })
      // 移出当前整个图表
      pricetrend.on('globalout', function (params) {
        // 显示 tooltip
        pricetrend.dispatchAction({
          type: 'showTip',
          seriesIndex: tagTime1[0],
          dataIndex: tagTime1[1]
        })
      })

 

 

 

 

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

echarts默认显示一个时间点的tooltip以及鼠标移出之后依然显示 tooltip 的相关文章

随机推荐

  • 多线程之守护线程

    一 守护线程介绍 线程分为用户线程和守护线程 而守护线程就是为用户线程服务的一种线程 一般具有较低的优先级 用户线程停止 守护线程也就停止了 举个例子 你在看电视 那么你在看电视可以作为一个用户线程 而电视机运行则就是守护线程 而你不看电视
  • Java Web学习笔记

    命令行生成最简单的Java Web项目 1 进入合适的目录 使用maven命令来生成web项目 mvn archetype generate DgroupId com litb aims DartifactId web app Darche
  • C++ map::begin()、end()

    在C 中 std map是一个关联容器 它提供了一种键 值对的存储方式 并按照键的排序顺序进行自动排序 map类提供了一系列的成员函数 其中包括begin 和end 函数 用于获取指向map容器中第一个元素和最后一个元素之后位置的迭代器 下
  • RPC与Netty简介

    RPC 一 Socket介绍 Socket概述 Socket 套接字就是两台主机之间逻辑连接的端点 TCP IP协议是传输层协议 主要解决数据如何在网络中传输 而HTTP是应用层协议 主要解决如何包装数据 Socket是通信的基石 是支持T
  • JsRPC技术介绍及服务搭建

    声明 本文章中所有内容仅供学习交流 不可用于任何商业用途和非法用途 否则后果自负 如有侵权 请联系作者立即删除 由于本人水平有限 如有理解或者描述不准确的地方 还望各位大佬指教 前言 Js Rpc意思就是远程调用js代码 全称 Remote
  • 13.1 二次型Quadratic Form

    文章目录 曲面 定义 举例 曲面 曲面是非常值得研究的 在制造业中 曲面尤其重要 所以我们先从曲面开始 比如以下曲面 它的方程是 z 3 x 2
  • Linux上Redis的启动、使用和停止

    0 安装Redis参考06003 redis在Linux上的安装 1 Redis的启动 1 前端模式启动 直接运行bin redis server将以前端模式启动 切换到 usr local redis redis bin目录下 然后 re
  • C/C++

    文章目录 VSCode中C编译环境配置 MinGW gcc 操作系统 win10专业版 64位 待安装的软件及工具 1 安装VSCode 2 安装C C 插件 执行代码 停止代码运行 Code Runner配置方法 3 下载及安装MinGW
  • 构造函数和工厂函数学习笔记

    之前对构造函数和工厂函数有一定的困扰 究竟什么是工厂函数什么才算是构造函数 在网上查了他两的区别后发现大多数讲的都不尽人意 可以说是越看越懵 后来被我们老大看到了 很有意思的说 这个他们说的都不是那么一回事 算了我来和你讲吧 我问你 工厂主
  • 【猿人学WEB题目专解】猿人学第1题

    据说 看我文章时 关注 点赞 收藏 的 帅哥美女们 心情都会不自觉的好起来 前言 作者简介 大家好我是 user from future 意思是 来自未来的用户 寓意着未来的自己一定很棒 个人主页 点我直达 在这里肯定能找到你想要的 专栏介
  • Openerp权限设置总结

    主要对模块下的security 目录下的文件 xxx security xml ir model access csv进行讲解 xxx security xml 1 建立组
  • python3通过pymysql连接MySQL数据库操作

    python连接MySQL数据库 所需要的工具 PyCharm pymysql插件 MySQL数据库 安装pymysql插件 在PyCharm中依次点击file gt setting gt project xxx gt project in
  • 一个简单的会先客户端/服务器应用

    不管服务器从客户端收到什么输入 都会将其回显出来 在命令行中指定TCP接口 几个注意的地方 要使用socket error要记得提前导入 from socket import error 用docopt从命令行中取得端口号 这是字符串类型的
  • 【Qt】运行py加载ui文件,顶层窗口的背景、布局等样式失效(与预览不同),或特定对象和布局无法显示(包括代码生成)

    目录 一 问题 情况 二 一些解决方法 0 分辨率 屏幕适配问题 1 运行环境问题 三 通用解决方法 更新 方法更高效耶 一 问题 情况 遇到的问题 1 运行py文件 代码中通过加载ui文件 设置为顶层窗口 运行结果与预览不同 窗口样式失效
  • 使用python读取和保存为excel、csv、txt文件以及对DataFrame文件的基本操作

    文章目录 一 对excel文件的处理 1 读取excel文件并将其内容转化DataFrame和矩阵形式 2 将数据写入xlsx文件 3 将数据保存为xlsx文件 4 使用excel对数据进行处理的缺点 二 对csv文件的处理 1 读取csv
  • adb shell 小米手机_小米手机ADB删除系统应用去广告。

    小米手机ADB删除系统应用去广告 前言 1 准备 2 进入开发者模式 3 连接手机与电脑 4 使用ADB命令删除系统应用 本文要介绍的方法可以免 root 卸载预置应用 仅删除当前用户下的 APP 不是彻底删除 APP 恢复出厂设置后 删除
  • mysql 子查询(七)之子查询排序

    大多数子查询不需要排序 没有意义 因为子查询大多数是作为一个结果或参数给主查询使用 但top n问题除外 举个例子 查询员工表中 行政部 的员工 select from emp where empdetno select empdetno
  • 一种为polar code简化的sc译码

  • 业绩归因 绩效评估 - 各种收益率计算方法

    收益率计算 1 定义 1 1 日收益率 收 益 率 收 益 额
  • echarts默认显示一个时间点的tooltip以及鼠标移出之后依然显示 tooltip

    最终显示效果如下 默认打开页面显示设置的某个时间点的tooltip 鼠标移开之后依然显示 下面是实现代码 一看就懂 搬走就用 draw tabIndex let pricetrend this echarts getInstanceByDo