ECharts tooltip不同组件分开自定义设置

需求如图，有中心一个圆饼pie和外部一个圆饼pie，我们需要在外部圆饼的数据最后添加一个百分号%，而中心的圆饼不添加百分号，而正常的tooltip是如同中心圆的展示，没有百分号的，所以，我们就需要分开设置tooltip了。

话不多说，直接上代码

    tooltip:{
        trigger:'item',
        formatter:function(params){//params是自带的参数，包含触碰的数据块的所有参数
            //console.log(params)
            var result = params.seriesName + '<br/>' + params.marker +params.name + ' : ' + params.value
            if(params.seriesName=='统计'){//只有外部圆饼需要加百分号
                result += ' %'
            }
            return result
        },
    },

patams参数可大概浏览如图

最后附上完整代码

option = {
    tooltip:{
        trigger:'item',
        formatter:function(params){
            console.log(params)
            var result = params.seriesName + '<br/>' + params.marker +params.name + ' : ' + params.value
            if(params.seriesName=='统计'){
                result += ' %'
            }
            return result
        },
    },
    series: [
        {
            name:'情况',
            type:'pie',
            radius:[0,'35%'],
            label:{
                position:'inner',
                color:'black',
                fontSize:14
            },
            data:[
                {value:12,name:'a',itemStyle:{color:'rgb(255,218,186)'}},
                {value:50,name:'b',itemStyle:{color:'rgb(242,242,242)'}},
                {value:38,name:'c',itemStyle:{color:'rgb(255,254,170)'}},
            ]
        },
        {
            name:'统计',
            type:'pie',
            radius:['48%','55%'],
            label:{
                show:false
            },
            data:[
                {value:58,name:'A',itemStyle:{color:'rgb(67,156,248)'}},
                {value:6,name:'B',itemStyle:{color:'rgb(58,204,227)'}},
                {value:6,name:'C',itemStyle:{color:'rgb(124,199,82)'}},
                {value:11,name:'D',itemStyle:{color:'rgb(250,209,85)'}},
                {value:10,name:'E',itemStyle:{color:'rgb(255,133,0)'}},
                {value:6,name:'F',itemStyle:{color:'rgb(248,91,132)'}},
                {value:6,name:'G',itemStyle:{color:'rgb(153,93,242)'}},
                {value:5,name:'H',itemStyle:{color:'rgb(87,110,245)'}},
            ]
        },
    ]
};