echarts饼图显示百分比
时间: 2023-08-08 14:13:36 浏览: 1040
Echarts饼图之数据展示
5星 · 资源好评率100%
要显示饼图的百分比,可以在echarts的series中设置label的formatter属性为"{b}: {d}%"
具体的代码如下:
```javascript
option = {
series: [
{
name: '访问来源',
type: 'pie',
radius: '55%',
data: [
{value: 335, name: '直接访问'},
{value: 310, name: '邮件营销'},
{value: 234, name: '联盟广告'},
{value: 135, name: '视频广告'},
{value: 1548, name: '搜索引擎'}
],
label: {
formatter: '{b}: {d}%'
}
}
]
};
```
其中,{b}表示饼图上的数据项名称,{d}表示饼图上的数据项所占比例的百分数。这样设置之后,饼图上的每个数据项都会显示对应的百分比。
阅读全文