Echarts tooltip提示框格式化便捷加入自带的小圆点标识
先看解决(红色关键部分):
formatter: function(params) {
var result = '';
params.forEach(function (item) {
result += item.marker + " " + item.seriesName + " : " + item.value +"</br>";
});
return result;
}
问题:
在使用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能够便捷地加入颜色小圆点标识。