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

官方说明

相关推荐
**之火几秒前
中止 Web 请求新方式 - AbortController API
开发语言·前端·javascript
科技观察15 分钟前
刘诗雯现身TCL品牌活动,雷鸟34Q9显示器同台竞技
计算机外设
知识分享小能手30 分钟前
微信小程序入门学习教程,从入门到精通,微信小程序页面交互 —— 知识点详解与案例实现(3)
前端·javascript·学习·react.js·微信小程序·小程序·交互
m0_6161884936 分钟前
CSS中的伪类和伪元素
前端·javascript·css
快乐就好ya1 小时前
React基础到进阶
前端·javascript·react.js
悠哉摸鱼大王1 小时前
多模态场景下tts功能实现
前端·javascript
初出茅庐的1 小时前
hooks&&状态管理&&业务管理
前端·javascript·vue.js
aricvvang1 小时前
一行 Promise.all 争议:数据库查询并行真的没用?我和同事吵赢了!!!
javascript·后端·node.js
YH丶浩1 小时前
vue自定义数字滚动插件
开发语言·前端·javascript·vue
阿民_armin1 小时前
Canvas 冷暖色分析工具
前端·javascript·vue.js