9.tooltip格式化

发布时间 2023-07-06 16:37:25作者: cjl2019

 

//1.当params是一维数组时
formatter: params => {
    return (
        `${params.seriesName}<br/>` +
        `<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:${params.color};"></span>` +
        `${params.name}:` +
        `${params.value}%`
    );
},
//2.当params是多维数组时
formatter: function(params) {
    // 颜色默认是:params[i].color。
    // 如果是渐变颜色需要改写成:params[i].color.colorStops[0].color
    var relVal = params[0].name;
    for (var i = 0, l = params.length; i < l; i++) {
        relVal +='<br/><span style="display:inline-block;margin-right:5px;border-radius:10px;width:9px;height:9px;background-color:' +
        params[i].color.colorStops[0].color +
        '"></span>';
        relVal += params[i].seriesName + " : " + params[i].value + "%";
    }
    return relVal;
},