echarts饼图 formatter
时间: 2023-10-09 11:04:49 浏览: 92
ECharts 饼图
5星 · 资源好评率100%
ECharts 饼图的 formatter 是用来格式化饼图中各个数据项的标签显示。通过设置 formatter,可以自定义饼图中每个数据项的标签内容。
具体使用方式如下:
1. 在配置项中找到 series -> data,其中 data 是一个数组,每个元素代表一个数据项。
2. 在每个数据项中,可以设置 name 和 value 属性,name 是该数据项的名称,value 是该数据项的值。
3. 在数据项中,还可以设置 label 属性,该属性用于配置标签的显示。
4. 在 label 属性中,设置 formatter 属性为一个函数,该函数接收一个参数,代表当前数据项的信息。
5. 在 formatter 函数内部,可以根据需要自定义标签的显示内容,可以使用字符串拼接、格式化函数等方式来实现。
以下是一个示例代码:
```
option = {
series: [
{
type: 'pie',
data: [
{name: '数据项1', value: 100, label: {formatter: function(params) {
return params.name + ': ' + params.value + '%';
}}},
{name: '数据项2', value: 200, label: {formatter: '{b}: {c}%'}}
]
}
]
};
```
在上述示例中,第一个数据项的标签使用了一个自定义的 formatter 函数,将名称和数值以特定格式显示;第二个数据项的标签使用了简单的字符串模板来显示。
需要注意的是,formatter 函数中的参数 params 包含了当前数据项的一些信息,如 name、value、percent 等,可以根据需要使用这些信息来自定义标签的显示内容。
阅读全文