echarts tootip点击显示 移开不消失

2023-11-17

 

描述:

tooltip点击时显示,依赖不会自动消失,

tooltip上有按钮可以点击

可以这样修改,使用tooltip的triggerOn属性

 

tooltip.triggerOn string

[ default: 'mousemove|click' ]

提示框触发的条件,可选:

  • 1, 'mousemove'

    鼠标移动时触发。

  • 2, 'click'

    鼠标点击时触发。

  • 3, 'mousemove|click'

    同时鼠标移动和点击时触发。

  • 4, 'none'

    不在 'mousemove' 或 'click' 时触发,用户可以通过 action.tooltip.showTip 和 action.tooltip.hideTip 来手动触发和隐藏。也可以通过 axisPointer.handle 来触发或隐藏。

该属性为 ECharts 3.0 中新加。

这样,你鼠标点击之后tooltip就显示了。

 

可以这么代码可以这么写

 

tooltip: {
    show: true,
    formatter: function(e) {
        // return e.data.displayname;
        return 'hello';
    },
    // position: [500, 10],
    triggerOn: 'click'
},

点解之后调用formatter函数,然后显示hello,可以在里面定义你自己的函数,记得把tooltip添加到option里面。

 

来自开源中国:https://www.oschina.net/question/2398394_241458

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

echarts tootip点击显示 移开不消失 的相关文章

  • 去除指定css属性

    使得指定css样式失效 layui btn background image initial important 优先使用 layui btn background image initial important padding 0 10p

随机推荐

  • 像程序员一样思考_如何像程序员一样思考-解决问题的经验教训

    像程序员一样思考 by Richard Reis 理查德 里斯 Richard Reis 如何像程序员一样思考 解决问题的经验教训 How to think like a programmer lessons in problem solv
  • Vue-router2.0基础,秒会。

    如果不是模块式开发 请先引入 1 0基础 div h1 Hello App h1 p p div
  • Docker打开远程API服务

    一 开发环境 1 系统环境 2 docker版本 二 步骤 1 查看docker配置文件路径 2 编辑配置文件 3 重启docker 三 测试 1 查看docker客户端服务端版本 docker H localhost 2375 versi
  • C++ 在一个程序中调用exe

    生成exe的代码 include
  • StarRocks 运维工具 StarGo

    优质资源分享 学习路线指引 点击解锁 知识定位 人群定位 Python实战微信订餐小程序 进阶级 本课程是python flask 微信小程序的完美结合 从项目搭建到腾讯云部署上线 打造一个全栈订餐系统 Python量化交易实战 入门级 手
  • Spring Boot Admin 监控告警

    Spring Boot Admin 监控告警 要进行监控 需要两个Project 一个是Admin Server端 负责监控Spring boot的项目 另一个是Admin Client端 是被监控的Spring boot服务 当然也可以一
  • Android优化

    一 布局优化 布局优化就是删除布局中无用的控件和层级 可以用Hierarchy Viewer工具来检测 其次有选择地使用性能较低的ViewGroup include标签 include标签只支持以android layout开头的属性 比如
  • Synchronized的三种写法

    文章目录 前言 一 synchronized是什么 二 synchronized的三种写法 1 同步代码块 2 在实例方法上使用synchronized 3 在静态方法上使用synchronized 总结 前言 总结一下自己在学习Synch
  • STA——multicycle path

    目录 0 多周期路径 1 发射时钟和捕获时钟相同 2 发射时钟和捕获时钟不同 3 examples 之前去地平线面试的时候被问到了multicycle path的一点问题 其实这个问题我应该知道 看过 Constraining Design
  • 【Linux】Linux Centos 7.6 离线RPM安装NTP(时间同步)服务器及基本配置

    文章目录 1 概述 2 安装 2 1 查看服务器 2 2 安装NTPDATE NTP服务 2 3 NTP相关配置 2 4 启动 20230118日 22点13分回到家 3年后第一次回家 发个博客纪念一下 1 概述 一个环境 因为需要需要nt
  • 语义分割之 数据标注

    语义分割之 数据标注 一 标注工具 二 Labelme 安装和启动 1 安装 2 启动 三 标注与保存 1 打开图像 2 标注 3 保存 4 修改 四 多类别标注 五 快捷键 数据标注的目的是为了在监督学习中告诉机器哪些东西是属于哪个类别或
  • 个人阅读的Deep Learning方向的paper整理

    http hi baidu com chb seaok item 6307c0d0363170e73cc2cb65 个人阅读的Deep Learning方向的paper整理 分了几部分吧 但有些部分是有交叉或者内容重叠 也不必纠结于这属于D
  • 《Stable Diffusion web UI ControlNet模型下载及使用》

    ControlNet模型下载 本来是很简单一两分钟搞定的事情 但是作者搞了7次才终于出来这个页面 每次下载完以后看文件也是有 stable diffusion webui extensions sd webui controlnet 但是在
  • 运维知识各种链接

    转自 https www cnblogs com uglyliu p 6185943 html 运维知识各种链接 http linuxtools rst readthedocs io zh CN latest tool sar html l
  • Cocos2d-Lua(Quick-Cocos2d-x)集成第三方SDK(二)

    在上一篇文章中 我们介绍了 怎么集成友盟的Cocos2d x版本SDK 接下来我们来说下怎么将友盟的C 接口导出到Lua中使用 引擎版本 Quick Cocos2d x 3 3 开发系统 Windows 7 64bit 编写 tolua文件
  • OPANAS: One-Shot Path Aggregation Network Architecture Search for Object Detection论文阅读

    One Shot Path Aggregation Network Architecture Search for Object Detection 1 做了什么 1 此文提出了一种新的单次路径聚合网络结构搜索算法 显著提高了搜索效率和检测
  • VScode 调试python程序,debug状态闪断问题的解决方法

    0 Few words 之前一直在VSCode中debug C 和Python的程序没出过闪断的问题 但是最近在另一台电脑上debug 同样的方法 设置launch json和CMakeList加debug状态等等操作 如我另一篇blog写
  • Brew:command not found in Macbook

    1 zsh command not found brew 进入brew的工作目录 usr local一看 原来 usr local bin都没有了 难怪系统找不到brew这个命令 那么怎么办 最简单的办法就是重新安装Homebrew 1 r
  • 【coding】pandas返回文本序列长度及其描述性统计

    coding pandas返回文本序列长度及其描述性统计 文本长度统计 pandas时不要盲目的使用for loop 费时费力 要熟练掌握pandas提供的内置函数 df len a df a str len 返回的df len a本身也是
  • echarts tootip点击显示 移开不消失

    描述 tooltip点击时显示 依赖不会自动消失 tooltip上有按钮可以点击 可以这样修改 使用tooltip的triggerOn属性 tooltip triggerOn string default mousemove click 提