首页 > 其他分享 >echarts手动控制tooltip是否显示(解决移动端tooltip不受控制的问题)

echarts手动控制tooltip是否显示(解决移动端tooltip不受控制的问题)

时间:2023-02-07 23:23:38浏览次数:42  
标签:控制 手动 myChart dispatchAction tooltip type echarts

1 问题

今天在移动端开发中发现点击echarts外时,tooltip不隐藏。

2 原因

主要原因是手机端的echarts没有mouse事件,所以操控出现的问题。

3 解决办法

针对该情况,选择手动控制,比如点击echarts图例外侧时,手动隐藏tooltip。
如下:

myChart.dispatchAction({
    type: 'hideTip'
});

4 引申

4.1 显示tooltip

myChart.dispatchAction({
    type: 'showTip'
});

4.2 高亮显示

myChart.dispatchAction({
    type: 'highlight'
});

4.3 取消高亮

myChart.dispatchAction({
    type: 'downplay'
});

4.4 重置 option

myChart.dispatchAction({
    type: 'restore'
});

标签:控制,手动,myChart,dispatchAction,tooltip,type,echarts
From: https://www.cnblogs.com/xihailong/p/17100109.html

相关文章

  • 17.读取控制台
         ......
  • 16 shell流程控制命令
      加x避免为空:            脚本:   运行:              (())双小括号内部可以写任何数学式子,使用<=......
  • 硬件控制方法——11.1应用和硬件无关?
    在用C语言等高级编程语言开发的Windows应用中,大家很少能接触到直接控制硬件的指令。这是因为硬件的控制是由Windows全权负责的。不过,Windows提供了通过应用来间接控......
  • 关闭selenium开发中的chromedriver控制台
    采用selenium操作浏览器执行自动化操作的场景时,在使用pyinstaller打包成exe文件后,会有chromedriver.exe或geckodriver.exe的console命令行窗口。我们打包成exe文件一......
  • java控制结构1之if else和嵌套分支
    1.程序流程控制介绍在程序中,程序运行的流程控制决定程序是如何执行的,是我们必须掌握的,主要有三大流程控制语句。1)顺序控制2)分支控制3)循环控制2.顺序结构2.1不做......
  • freeswitch笔记(7)-放音控制
    来电时,播放音乐是一个很常用的功能,下面是一些相关的命令:一、单次播放playback1originateuser/1000 &playback(ivr/8000/ivr-welcome_to_freeswitch.wav)......
  • 如何控制Facebook投放广告成本?
    一,Facebook广告成本高的原因和常见问题广告的成本很高,因为我们需要扩张正如前几篇文章所说,我们所要做的就是扩大对表现良好的产品和广告的广告。有两种扩展方式:这个过程也是......
  • AD7793 ADC FPGA控制逻辑实现
    AD7793简介https://www.analog.com/media/en/technical-documentation/data-sheets/AD7792_7793.pdf特点如下,有16bit和24bit2个版本可选,使用4线制SPI接口:控制ADC现......
  • MSAD165-16-ASEMI电源控制柜模块MSAD165-16
    编辑:llMSAD165-16-ASEMI电源控制柜模块MSAD165-16型号:MSAD165-16品牌:ASEMI封装:MDA特性:整流模块正向电流:165A反向耐压:1600V恢复时间:>500ns引脚数量:2芯片个数:2芯......
  • echarts 三维散点图
    依赖echarts需要5.1.2以上npminstallechartsnpminstallecharts-gl引入import*asechartsfrom'echarts';import"echarts-gl";使用</div>......