在 ECharts 中,饼状图(Pie Chart)的 formatter
属性用于自定义饼状图中各个扇区(sector)的标签(label)内容。通过 formatter
函数,你可以控制显示哪些信息以及如何格式化这些信息。
formatter
的基本用法
formatter
可以是一个字符串模板或者一个函数。
字符串模板
字符串模板中可以使用一些特殊的占位符来引用数据项的属性,例如:
-
{a}
:系列名。 -
{b}
:数据项的名称。 -
{c}
:数据项的值。 -
{d}%
:数据项的百分比。
例如:
label: {
normal: {
show: true,
formatter: '{b}: {c} ({d}%)'
}
}
这将显示每个扇区的名称、值和百分比。
函数用法
你也可以使用一个函数来更灵活地控制标签的格式。函数的参数通常包括:
-
params
:包含当前扇区的数据。 -
api
:提供一些 ECharts 实例的方法和属性的对象。
例如:
label: {
normal: {
show: true,
formatter: function (params) {
return params.name + ': ' + params.value + ' (' + params.percent + '%)';
}
}
}
注意:本文由AI生成。