echarts tootip偏离

Posted 叶子8324

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了echarts tootip偏离相关的知识,希望对你有一定的参考价值。

  tooltip :
                             trigger: 'axis',
                             formatter: function (params,ticket,callback)  
                                 var res = params[0].name+  ' : ' + params[0].data.value + params[0].data.datas[0];  
                                 return res;  
                             , 
                             axisPointer:
                                 type:"shadow"
                             ,
                             position: function(point, params, dom, rect, size)
                                 //其中point为当前鼠标的位置,size中有两个属性:viewSize和contentSize,分别为外层div和tooltip提示框的大小
                                 var x = point[0];//
                                 var y = point[1];
                                 var viewWidth = size.viewSize[0];
                                 var viewHeight = size.viewSize[1];
                                 var boxWidth = size.contentSize[0];
                                 var boxHeight = size.contentSize[1];
                                 var posX = 0;//x坐标位置
                                 var posY = 0;//y坐标位置
                                 if(x<boxWidth)//左边放不开
                                     posX = 5;    
                                 else//左边放的下
                                     posX = x-boxWidth; 
                                
                                 if(y<boxHeight)//上边放不开
                                     posY = 5; 
                                 else//上边放得下
                                     posY = y-boxHeight;
                                
                                 return [posX,posY];
                            
                          ,

以上是关于echarts tootip偏离的主要内容,如果未能解决你的问题,请参考以下文章

Echarts自定义tootips

原生 js 实现类 3d 地图大屏展示自动高亮轮播显示悬浮提示 tootip 的方案:svg + popper.js 定位引擎

echarts 实现数据(tooltip)自动轮播插件

echarts中label显示的样式设置问题

Others-tootip文字提示

一个解析json串并组装echarts的option的函数解析