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;
          }
        },

官方说明

相关推荐
路光.6 分钟前
Vue3实现锚点定位
前端·javascript·vue.js·vue3
唔6628 分钟前
flutter 曲线学习 使用第三方插件实现左右滑动
javascript·学习·flutter
xiezhuangshunv36 分钟前
20250401-vue-声明触发的事件
前端·javascript·vue.js
程序员小续2 小时前
前端低代码架构解析:拖拽 UI + 代码扩展是怎么实现的?
前端·javascript·面试
zhslhm2 小时前
键盘屏蔽与联网控制小工具
计算机外设·电脑·联网程序管理·键盘屏蔽
打野赵怀真2 小时前
H5如何禁止动画闪屏?
前端·javascript
Riesenzahn2 小时前
你喜欢Sass还是Less?为什么?
前端·javascript
蒜香拿铁2 小时前
vue3自动导入组合式api
前端·javascript
frontDeveloper2 小时前
JavaScript基础知识概览(DOM-API部分)
javascript
Cutey9162 小时前
解决在 UniApp 中,deep不生效的问题
前端·javascript·面试