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

官方说明

相关推荐
互联网搬砖老肖2 小时前
React的单向数据绑定
前端·javascript·react.js
阿乐今天敲代码没3 小时前
echarts实现项目进度甘特图
前端·echarts·甘特图
日晞4 小时前
深浅拷贝?
开发语言·前端·javascript
沐土Arvin5 小时前
性能优化关键:link、script和meta的正确打开方式
开发语言·前端·javascript·设计模式·性能优化·html
じ☆ve 清风°6 小时前
JavaScript计时器详解:setTimeout与setInterval的使用与注意事项
开发语言·javascript·ecmascript
BillKu6 小时前
Vue3监听对象数组属性变化方法
javascript·vue.js·ecmascript
Z_ One Dream7 小时前
本地依赖库的版本和库依赖的版本不一致如何解决?
开发语言·前端·javascript
万米商云8 小时前
商城图片性能优化实战:懒加载与下一代格式的化学反应
开发语言·前端·javascript
结构化知识课堂8 小时前
Axure RP完全掌握指南:从入门到精通的系统化学习路线
javascript·axure·csdn·原型设计·axure教程·axure学习·axure课程
夫琅禾费米线8 小时前
【css】 flex布局基本知识
前端·javascript·css·react.js·前端框架