echarts饼图label文字
时间: 2023-10-17 18:25:31 浏览: 100
Echarts 饼图的 label 文字可以通过设置 series.data.label.normal.show 和 series.data.label.normal.formatter 来实现。具体步骤如下:
1. 在 Echarts 的配置项 option 中找到 series,然后在其中找到 data,并为每个数据项设置 label。
2. 设置 series.data.label.normal.show 为 true,以显示标签文字。
3. 设置 series.data.label.normal.formatter 为一个回调函数,用于自定义标签文字的显示内容。该函数会接收一个参数,即当前数据项的值,根据需要进行格式化。
下面是一个示例代码:
```javascript
option = {
series: [{
type: 'pie',
data: [
{ value: 335, name: '直接访问' },
{ value: 310, name: '邮件营销' },
{ value: 234, name: '联盟广告' },
{ value: 135, name: '视频广告' },
{ value: 1548, name: '搜索引擎' }
],
label: {
normal: {
show: true,
formatter: '{b} : {c} ({d}%)' // 自定义标签文字的显示内容,{b} 表示 name,{c} 表示 value,{d} 表示百分比
}
}
}]
};
```
在上述示例中,label 的 formatter 设置为 '{b} : {c} ({d}%)',即标签文字的格式为 "name : value (百分比)"。
你可以根据需要自定义 label 的显示内容和样式。
阅读全文