首页 > 其他分享 >echarts tooltip位置调试

echarts tooltip位置调试

时间:2023-08-29 16:48:18浏览次数:32  
标签:boxHeight point boxWidth tooltip pointX var pointY echarts 调试

 tooltip: {
          trigger: "axis",
          position: function (point, params, dom, rect, size) {
            var x = 0; // x坐标位置
            var y = 0; // y坐标位置
            // 当前鼠标位置
            var pointX = point[0];
            var pointY = point[1];
            // 提示框大小
            var boxWidth = size.contentSize[0];
            var boxHeight = size.contentSize[1];

            // boxWidth > pointX 说明鼠标左边放不下提示框
            if (boxWidth > pointX) {
              x = pointX + 10;
            } else {
              // 左边放的下
              x = pointX - boxWidth + 100;
            }

            // boxHeight > pointY 说明鼠标上边放不下提示框
            if (boxHeight > pointY) {
              y = 5;
            } else {
              // 上边放得下
              y = pointY - boxHeight;
            }
            return [x, y];
          },
        },

 

标签:boxHeight,point,boxWidth,tooltip,pointX,var,pointY,echarts,调试
From: https://www.cnblogs.com/yjd-05/p/17665224.html

相关文章

  • 32位数字电位器AD5228使用及调试总结
    一概念什么是数字电位计?  数字电位器(DigitalPotentiometer)亦称数控可编程电阻器,是一种代替传统机械电位器(模拟电位器)的新型CMOS数字、模拟混合信号处理的集成电路。数字电位器由数字输入控制,产生一个模拟量的输出。依据数字电位器的不同,抽头电流最大值可以从几百微安到几个......
  • golang 配置断点调试
    golang1.8以下版本安装dlvgoinstallgithub.com/go-delve/delve/cmd/[email protected] 配置如图    配置gobuild  使用自己的启动语句调试......
  • 汇编调试命令debug的基本用法
      在学习16位汇编时,debug是常用的调试工具,但很多基本用法命令帮助中并未提及,经查验和实验,特记录如下:  一、基本概念:  1、参数分隔符  debug中参数之间的分隔符可用“空格”或“逗号”,效果一致,如:  -rax等于-r,ax  -d0100:00000010等于-d0100:0000,0010  2......
  • 8步轻松晋级AMD MPSoC Linux内核调试专家
    8步轻松晋级AMDMPSoCLinux内核调试专家介绍AMDMPSoCLinux一般使用PetaLinux编译Linux系统,包括Linux内核、DTS、文件系统。PetaLinux内部集成Yocto,自动下载、配置、编译各种软件包。它简化了编译流程,也导致有些工程师找不到软件包的源代码,不知道如何调试软件。在PetaLinux......
  • QT Creator 远程调试 QT 程序
    一、测试环境QTCreator版本:5.12.9开发板:rv1126开发环境:ubuntu20.04开发板内核:4.19二、配置ARM交叉编译器ARM交叉编译工具,购买开发板时,一般都会提供的打开QtCreator查看之前是否添加添加编译工具添加C工具添加C++工具配置qmake配置......
  • 某试用版so保护调试器检测分析
    so加固分析查看so文件加固前的programheadertable,so文件被加固后programheadertable主要有以下几点变化。第一个PT_LOAD代码段大小增加在原so文件最后一个PT_LOAD段后新增加一个段.dynamic,.rel.dyn和.rel.plt三个重定位相关的节区会被移动到新增加的PT_LOAD段中.dynam......
  • cocos creator使用用vscode调试
    1.vscode安装 JavaScriptDebugger(Nightly)2.修改launch.json里面端口的值端口号是cocoscreator运行打开网页的端口号,vscodelaunch.json修改好后,保存,按F5就要吧启动调试了,原typescript文件里面打断点,可以到达......
  • vs的web调试以127.0.0.1启动
     VS以127.0.0.1调试步骤_SuperMan25的博客-CSDN博客默认以localhost启动,无法接收127.0.0.1 1.管理员启动vs2.邮件单击项目-》属性更改项目启动路径为127.0.0.13.打开项目所在文件找到这个config4.更改其对应端口启动地址为127.0.0.1 ......
  • 学习IDA权威指南-其他调试功能
    使用IDA进行远程调试使用hex-Rays调试服务器链接到远程进程远程调试期间的异常处理远程调试过程中使用脚本和插件使用Bochs进行调试启动Bochs IDB模式启动BochsPE模式启动Bochs 磁盘映像模式Appcall特性......
  • 使用pdb调试openstack (How to debug openstack using pdb )
    终于摸索出了一个调试openstack的简单方法,使用pdb进行单步调试,对于分析代码很有帮助。注意,这个方法只适用于用devstack安装的openstack。调试主要是使用了一个脚本,这个脚本不记得是从哪下载的了,是用来重启使用devstack安装的openstack的各个服务的,后来,我又结合devstack的stack.sh和......