echarts折线图tooltip formatter-echarts tooltip 自定义formatter怎么设置颜色

echarts 中自定义 tooltip 的属性是 formatter ,它是一个方法,主要是讲一下怎么将自定义的值显示在 tooltip 中,因为自己刚开始用的时候,还是查了半天的。

当未定义的时候,数据如下:

tooltip 显示如下:

当 hover 最后一条数据的时候,输出如下:

此时再次 hover 的时候,显示就变为

官方文档里面好像没有这个API

默认的tooltip不是canvas而是div;

所以直接在formatter里面添加span设置好颜色就可以了

tooltip: {

trigger: 'axis',

formatter: '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:9px;height:9px;background-color:#ff6f0b"></span>

}

直接在formatter里面添加span设置好颜色就可以了

tooltip: {

trigger: 'axis',

formatter: '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:9px;height:9px;background-color:#ff6f0b"></span>本房价: {c0}万'

}