echarts_tooltip的格式化

最新推荐文章于 2025-03-03 10:59:48 发布

阿米米米

最新推荐文章于 2025-03-03 10:59:48 发布

阅读量1.3k

点赞数

本文介绍如何在ECharts中实现自定义的Tooltip效果，包括动态生成带有颜色标识的提示信息，适用于图表数据展示场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

tooltip: {
    ...
    formatter: function (params) {
        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 + '"></span>';
            relVal += params[i].seriesName + ' : ' + params[i].value + "%"
        }
        return relVal;
    }
},