1. 程式人生 > >echarts tooltip formatter新增圖片

echarts tooltip formatter新增圖片

  直接程式碼吧

工具還是蠻強大的   

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 + "畝"+ "&nbsp&nbsp&nbsp" +(a[1].value == 0 ? 0: ((a[1].value/a[0].value * 100).toFixed(2))) + "%";
                        }
                    }else {
                        return blueimg+ 0 + "畝<br />" + greenimg+ 0 + "畝";
                    }
                }