echarts tooltip formatter新增圖片
阿新 • • 發佈:2019-01-08
直接程式碼吧
工具還是蠻強大的
a 的值就是 滑鼠懸浮在的當前柱狀圖的詳情 可根據需要取值
tooltip : { trigger: 'axis', axisPointer: { type: 'shadow' }, formatter: function(a) { var greenimg = "<img style='width:10px;height:10px;' src='"+base+"images/green.png"+"'/>"; var blueimg = "<img style='width:10px;height:10px;' src='"+base+"images/blue.png"+"'/>"; if(a.length > 0){ if(a.length < 2){ return blueimg+ 0 + "畝<br />" + greenimg+ a[0].value + "畝"; }else{ return blueimg+ a[0].value + "畝<br />" + greenimg+ a[1].value + "畝"+ "   " +(a[1].value == 0 ? 0: ((a[1].value/a[0].value * 100).toFixed(2))) + "%"; } }else { return blueimg+ 0 + "畝<br />" + greenimg+ 0 + "畝"; } }