echarts图表tooltip位置

   //提示框组件配置

        tooltip: {

          position: function (point, params, dom, rect, size) {

            // 鼠标坐标和提示框位置的参考坐标系是:以外层div的左上角那一点为原点,x轴向右,y轴向下

            // 提示框位置

            var x = 0; // x坐标位置

            var y = 0; // y坐标位置

            // 当前鼠标位置

            var pointX = point[0];

            var pointY = point[1];

            // 提示框大小

            var boxWidth = size.contentSize[0];

            var boxHeight = size.contentSize[1];

            // boxWidth > pointX 说明鼠标左边放不下提示框

            if (boxWidth > pointX) {

              x = 5;

            } else { // 左边放的下

              x = pointX - boxWidth;

            }

            // boxHeight > pointY 说明鼠标上边放不下提示框

            if (boxHeight > pointY) {

              y = 5;

            } else { // 上边放得下

              y = pointY - boxHeight;

            }

            return [x, y];

          },

          trigger: "axis",

          axisPointer: {

            // 坐标轴指示器,坐标轴触发有效

            type: "shadow", // 默认为直线,可选为:'line' | 'shadow'

          },

          textStyle: {

            fontSize: 12,

            color: "#000",

          },

          padding: 5,

        },

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值