在 ECharts 中,formatter 属性常用于自定义标签或提示框中的内容。在不同的图表类型中,formatter 中的变量 {a}、{b}、{c}、{d} 有不同的含义:
1、折线图、区域图、柱状图、条形图、K线图:
- {a}:系列名称(series.name)
- {b}:类目值(通常是 x 轴的标签)
- {c}:数值(series.data.value)
- {d}:无
2、散点图、气泡图:
- {a}:系列名称(series.name)
- {b}:数据名称(通常是 x 轴的标签)
- {c}:数值数组(series.data.value)
- {d}:无
3、饼图、雷达图:
- {a}:系列名称(series.name)
- {b}:数据项名称(series.data.name)
- {c}:数值(series.data.value)
- {d}:百分比(series.data.percent)
4、地图:
- {a}:系列名称(series.name)
- {b}:区域名称(region name)
- {c}:合并数值(merged value)
- {d}:无
5、举例
使用 formatter 时,可用两种方式:
//1、直接写
label: {
formatter: '{b}: {c}'
}
//2、回调方式
tooltip: {
formatter: function (params) {
return '名称:' + params.name + '<br>值:' + params.value;
}
}