echarts tooltip遮盖其他部分及formatter自

2019-06-04  本文已影响0人  shaguamayi

tooltip 会遮盖其他部分,如果页面有滚动,它会是最高级的一层,解决方式是把外层div加上postion:relative;z-index:去控制层级

formatter:function(params){  //数据单位格式化  
                      var relVal = params[0].name;  //x轴名称  
                      relVal +="<div style='width:200px;'>"
                      for (var i = 0, l = params.length; i < l; i++) {    
                      if(params[i].value){

                          relVal +=  "<span  style='display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:"+params[i].color.colorStops[0].color+";'>" +'<span  style="display:block;padding-left:15px;margin-top:-4px">'+ params[i].seriesName + ' : ' + params[i].value+'</span>'+ "</span>"+'<br>';    
                      }
                      }  
                          relVal +="</div>"
                      return relVal;   
                  }
上一篇 下一篇

猜你喜欢

热点阅读