echarts 折线图/柱状图 tooltip格式定制

时间:2021-04-20 05:59:57

字符串模板

关于字符串模板的含义请参考echarts官网的配置项手册
折线(区域)图、柱状(条形)图、K线图 : {a}(系列名称),{b}(类目值),{c}(数值), {d}(无)
注意: 类目值就是对应的横坐标。
以下是两个我的具体应用:
应用一:

 tooltip: {
    trigger: 'axis',
    axisPointer: {
         type : 'shadow'
    },
    formatter: '{b} <br /> {a0}: {c0}<br />{a1}: {c1} <br /> {a2}: {c2}' + "%"
},

应用二:

tooltip: {
    trigger: 'item',
    position:'right',
    formatter : function(params, ticket, callback) {
        if (params.value == undefined || params.value !== params.value) {
            params.value = 0;
        }
        return  params.seriesName +" <br />" + params.name + ":" + params.value + "%";        
    }
},