美文网首页
echarts tooltip遮盖其他部分及formatter自

echarts tooltip遮盖其他部分及formatter自

作者: shaguamayi | 来源:发表于2019-06-04 15:34 被阅读0次

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;   
                  }

相关文章

网友评论

      本文标题:echarts tooltip遮盖其他部分及formatter自

      本文链接:https://www.haomeiwen.com/subject/myjwtctx.html