echarts饼图内部如何设置百分比
时间: 2023-05-22 13:02:10 浏览: 1303
C# 控件Chart的 圆饼图百分比
3星 · 编辑精心推荐
要在 Echarts 饼图内部设置百分比,可以使用 Echarts 提供的 formatter 属性。具体做法是,在 series.data 中设置 value 和 name 属性,然后在 series.label.normal.formatter 中设置格式化字符串,例如:
```
series: [{
type: 'pie',
data: [
{value: 335, name: '直接访问'},
{value: 310, name: '邮件营销'},
{value: 234, name: '联盟广告'},
{value: 135, name: '视频广告'},
{value: 1548, name: '搜索引擎'}
],
label: {
normal: {
formatter: '{b} ({d}%)'
}
}
}]
```
这样就可以在饼图内部显示每个数据项的百分比了。其中,{b} 表示数据项的 name 属性,{d} 表示数据项的百分比。
阅读全文