echarts 中国地图提示框

echarts 中国地图提示框,第1张

概述point: 鼠标位置,如 [20, 40]。 params: 同 formatter 的参数相同。 dom: tooltip 的 dom 对象。 rect: 只有鼠标在图形上时有效,是一个用x, y

point: 鼠标位置,如 [20,40]。

params: 同 formatter 的参数相同。

dom: tooltip 的 dom 对象。

rect: 只有鼠标在图形上时有效,是一个用x,y,wIDth,height四个属性表达的图形包围盒。

size: 包括 dom 的尺寸和 echarts 容器的当前尺寸,例如:{contentSize: [wIDth,height],vIEwSize: [wIDth,height]}。

好了既然了解回调参数,那么接下来就利用回调参数来进行更改,

首先获取鼠标位置当然point,还是要跟随鼠标位置的,这里就不需要我们自己去计算了,

然后将提示框的高度拿到,既然有dom,我们就 *** 作dom,这里dom.dom.offsetHeight即为提示框高度,10这个值是对提示框的微调 *** 作,

是不是很简单主要代码如下:

tooltip: {
        trigger: 'item',

        backgroundcolor:'rgba(255,255,0.3)',

        padding:[10,20],

        textStyle:{
        color:'#fff',

        FontSize:18,

        lineHeight:'30px'

        },

        position: function (point,params,dom,rect,size) {
      return [point[0]+10,point[1]-dom.offsetHeight -10];

  },

        formatter: function(params) {
        var res = '<center>栏目<center>'

            res+=params.name + ' : ' + params.value[2] + '&nbsp;台';

            return res;

        }

    },
————————————————
版权声明:本文为CSDN博主「Mr.Tang's Blog」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/qq_27751965/article/details/89223277

总结

以上是内存溢出为你收集整理的echarts 中国地图提示框全部内容,希望文章能够帮你解决echarts 中国地图提示框所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/langs/1189595.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-06-03
下一篇 2022-06-03

发表评论

登录后才能评论

评论列表(0条)

保存