ECharts鼠标悬浮提示框数字设置鼠标在左侧时 tooltip 显示到右侧,鼠标在右侧时 tooltip 显示到左侧。

ECharts鼠标悬浮提示框数字设置鼠标在左侧时 tooltip 显示到右侧,鼠标在右侧时 tooltip 显示到左侧。

javascript 复制代码
tooltip: {
          trigger: 'item',
          valueFormatter: (value) => value.toFixed(2),
          position: function (pos, params, dom, rect, size) {
          // 鼠标在左侧时 tooltip 显示到右侧,鼠标在右侧时 tooltip 显示到左侧。
            var obj = {top: 60};
            obj[['left', 'right'][+(pos[0] < size.viewSize[0] / 2)]] = 5;
            return obj;
          }
        },

官方说明

相关推荐
顺凡16 分钟前
删一个却少俩:Antd Tag 多节点同时消失的原因
前端·javascript·面试
前端大卫42 分钟前
动态监听DOM元素高度变化
前端·javascript
Cxiaomu1 小时前
React Native App 图表绘制完整实现指南
javascript·react native·react.js
ken22321 小时前
在被窝里使用笔记本电脑,容易损坏键盘?
计算机外设·电脑
qq. 28040339841 小时前
vue介绍
前端·javascript·vue.js
某林2121 小时前
如何使用ROS 2与STM32进行串口通信,并实现通过键盘按键‘1’来控制LED灯开关
stm32·嵌入式硬件·计算机外设
Mr.Jessy1 小时前
Web APIs 学习第五天:日期对象与DOM节点
开发语言·前端·javascript·学习·html
速易达网络2 小时前
HTML<output>标签
javascript·css·css3
!win !3 小时前
前端跨标签页通信方案(上)
前端·javascript
xw53 小时前
前端跨标签页通信方案(上)
前端·javascript