在tooltip里边添加以下属性即可; //echarts中内部封装point为当前鼠标的位置,size里边有两个属性:viewSize和contentSize,它们分别为echarts图的外部div大小和tooltip提示框div的大小 position: function(point, params, dom, rect, size){ 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){//当tootip水平方向越界显示不全的时候,可以通过增大或者减少posX的值来控制tooltip水平方向的显示位置 1 posX = 10; }else{ posX = x-boxWidth; } if(y<boxHeight){//同1 避免垂直方向tooptip越界内容显示不全问题 posY = 1; }else{ posY = y-boxHeight; } return [posX,posY]; },
Echarts tooltip控制展示位置自定义处理方法。非固定位置
最新推荐文章于 2025-02-21 13:42:35 发布