问题:因为enterable为true,tooltip能够鼠标移入tooltip内查看数据,但是会有隐患得bug,邻近的图得tip不消失
页面:
解决:
1、显示tooltip时,找到邻近的图里是否有其他的tooltip
2、有的话就把邻近的图里的tooltip隐藏掉,不能清空,也不能remove
//图得tips位置 handleEchartTipOption(){ let _this = this; this.data.data.tooltip = { trigger: 'axis', enterable:true, position: function(point, params, dom, rect, size){ // point: 鼠标位置 //因为enterable:true,属性,造成的其他图得tip不消失问题 let cell = $(dom).parent().parent().parent().siblings().find('.cell-chart'); cell.each((index,item)=>{ let children = $(item).children(); if(children[1]){ $(children[1]).hide() } }) //解决tip被遮挡或者溢出屏幕外问题 let css = {}; let obj = {}; if($(dom).height()>220){ css['height'] ='220px'; if ($(dom).width()>703) { css[ 'width']='703px' } } else if ($(dom).width()>703) { css[ 'width']='703px'; if ($(dom).height()>220) { css['height']='220px'; } } obj[['left', 'right'][+(point[0] < size.viewSize[0] / 2)]] = 180; if(point[0]<110||point[0]>900){//鼠标在left obj[['left', 'right'][+(point[0] < size.viewSize[0] / 2)]] = 280; } $(dom).css(css) return obj }, } },