echarts鼠标悬浮显示数据位置设置

一:出现的问题
echarts鼠标悬浮显示数据位置设置_第1张图片
二:想要的效果
echarts鼠标悬浮显示数据位置设置_第2张图片
三:实现步骤
1、在echarts图表配置项里添加代码

tooltip: {
            trigger: 'axis',
            position: function (point, params, dom, rect, size) {
              //  size为当前窗口大小
              if ((size.viewSize[0] / 2) >= point[0]) {
                //其中point为当前鼠标的位置
                return [point[0] + 50, '10%'];
              } else {
                //其中point为当前鼠标的位置
                return [point[0] - 200, '10%'];
              }
            }
         }

echarts鼠标悬浮显示数据位置设置_第3张图片

你可能感兴趣的:(echarts,vue.js)