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

官方说明

相关推荐
超绝大帅哥4 分钟前
为什么回调函数不是一种好的异步编程方式
javascript
jump_jump11 分钟前
Ripple:一个现代的响应式 UI 框架
前端·javascript·前端框架
夏天想20 分钟前
element-plus的输入数字组件el-input-number 显示了 加减按钮(+ -) 和 小三角箭头(上下箭头),怎么去掉+,-或者箭头
前端·javascript·vue.js
清风徐来QCQ1 小时前
SpringMvC
前端·javascript·vue.js
Swift社区1 小时前
ArkTS Web 组件里,如何通过 javaScriptProxy 让 JS 同步调用原生方法
开发语言·前端·javascript
企鹅侠客1 小时前
定时坐标鼠标点击器
计算机外设·定时点击·鼠标点击
Hi_kenyon2 小时前
快速入门VUE与JS(二)--getter函数(取值器)与setter(存值器)
前端·javascript·vue.js
该用户加载中2 小时前
echarts柱状图实现斜切以及label展示
echarts
全栈前端老曹2 小时前
【前端路由】React Router 权限路由控制 - 登录验证、私有路由封装、高阶组件实现路由守卫
前端·javascript·react.js·前端框架·react-router·前端路由·权限路由
zhuà!2 小时前
uv-picker在页面初始化时,设置初始值无效
前端·javascript·uv