1. 程式人生 > >ECharts圖表自定義彈窗

ECharts圖表自定義彈窗

tooltip: {
    trigger: 'axis',  //座標軸觸發,主要在柱狀圖,折線圖等會使用類目軸的圖表中使用
    triggerOn: 'click',
    formatter: function (params) {
        params = params[0];
        paramsName = params.name;
        // console.log(params);
        
        // 自定義彈窗
        var htmlStr = '';
        htmlStr += '<div>'
        if (paramsName == '一季度') {
        	for (var i = 0; i < 2; i++) {
        		htmlStr +=''
        	}
        	htmlStr +='</div>'
        } else if(paramsName == '二季度') {
            for (var i = 0; i < 2; i++) {
                htmlStr +=''
            }
            htmlStr +='</div>'
        } else if(paramsName == '三季度') {
            for (var i = 0; i < 2; i++) {
                htmlStr +=''
            }
            htmlStr +='</div>'
        } else if(paramsName == '四季度') {
            for (var i = 0; i < 2; i++) {
                htmlStr +=''
            }
            htmlStr +='</div>'
        }
        
        return htmlStr; 
    },

},