你的位置:首页 > 软件开发 > 网页设计 > 【echarts】 tooltip显示图片

【echarts】 tooltip显示图片

发布时间:2017-10-25 16:00:16
tooltip: { trigger: 'item', borderRadius: 8,//边框圆角 backgroundColor: 'rgba(51,204,204,0.7)',//背景颜色(此时为默认色) ...

【echarts】 tooltip显示图片

 

tooltip: {      trigger: 'item',      borderRadius: 8,//边框圆角      backgroundColor: 'rgba(51,204,204,0.7)',//背景颜色(此时为默认色)      formatter: function(params) {       var res=params.name+'<br/>';       var s=myChart.getOption()       if(params.name.substring(params.name.length-1)!='市'){        for(var j=0;j<s.series[0].markPoint.data.length;j++){         if(s.series[0].markPoint.data[j].name==params.name){ //图片地址          res+="<img style='width:250px;height:150px;' src='/images/loading.gif' data-original='"+s.series[0].markPoint.data[j].pic+"'/>";         }        }       }       return res;      },      textStyle:{color:'#ffff',align:'center',fontSize: 18,}         }, 

  

 

原标题:【echarts】 tooltip显示图片

关键词:ip

ip
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。