echarts 饼图 formatter
时间: 2023-11-08 21:02:10 浏览: 91
ECharts饼图的formatter属性用于自定义数据项的文本标签。它可以是一个函数或者一个字符串。当使用函数时,formatter函数会接收一个参数,该参数是当前数据项的相关信息,包括value、name和percent等属性。你可以在函数中根据需要对这些属性进行处理,最终返回一个字符串作为文本标签。
以下是一个使用formatter函数的示例:
```
option = {
// 饼图的系列
series: [
{
type: 'pie',
data: [
{value: 335, name: '直接访问'},
{value: 310, name: '邮件营销'},
{value: 234, name: '联盟广告'},
{value: 135, name: '视频广告'},
{value: 1548, name: '搜索引擎'}
],
label: {
formatter: function(params) {
// 自定义文本标签内容
return params.name + ': ' + params.value + '次';
}
}
}
]
};
```
在上面的示例中,formatter函数接收一个参数params,我们使用params.name和params.value来获取数据项的名称和值,并将其拼接为自定义的文本标签。最终饼图中的每个数据项都会显示为"名称: 值次"的形式。
阅读全文