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偏离的主要内容,如果未能解决你的问题,请参考以下文章
原生 js 实现类 3d 地图大屏展示自动高亮轮播显示悬浮提示 tootip 的方案:svg + popper.js 定位引擎