echarts 饼图上显示数字
时间: 2023-10-25 11:26:05 浏览: 157
Echarts饼图之数据展示
5星 · 资源好评率100%
要在 Echarts 饼图上显示数字,可以使用 Echarts 提供的 `label` 属性。在 `series` 中设置 `label` 属性即可实现。
例如:
```js
option = {
// ...
series: [{
name: '访问来源',
type: 'pie',
radius: '55%',
center: ['50%', '50%'],
data: [
{ value: 235, name: '视频广告' },
{ value: 274, name: '联盟广告' },
{ value: 310, name: '邮件营销' },
{ value: 335, name: '直接访问' },
{ value: 400, name: '搜索引擎' }
],
label: {
show: true, // 显示 label
formatter: '{b}: {c} ({d}%)'
}
}]
};
```
上述代码中,`formatter` 属性用于设置 label 的显示格式,其中 `{b}` 表示数据项的名称,`{c}` 表示数据项的值,`{d}` 表示数据项占比的百分比。这样设置后,饼图上就会显示每个数据项的值和百分比。
阅读全文