Echarts tooltip提示框格式化便捷加入自带的小圆点标识

时间:2024-04-05 16:06:57

先看解决(红色关键部分):

formatter: function(params) {
    var result = '';
    params.forEach(function (item) {
        result += item.marker + " " + item.seriesName + " : " + item.value +"</br>";
    });
    return result;
}

Echarts tooltip提示框格式化便捷加入自带的小圆点标识

问题:

在使用Echarts配置图表显示时,在tooltip提示框的格式不能满足自己需要的展示需求就要自定义格式,经查阅Echarts tooltip的formatter那一项并没有提到任何有关格式化时颜色小圆点的便捷写法。

item.marker打印出来就是普通html:

<span style=\"display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:#299def;\"></span>

 用item.marker能够便捷地加入颜色小圆点标识。