echarts饼图中间显示百分比label
时间: 2023-10-31 22:57:44 浏览: 161
您可以通过设置 Echarts 饼图的 `label` 属性来在饼图中间显示百分比标签。具体步骤如下:
1. 在 Echarts 的配置项中,找到 `series` 数组中的对应饼图系列项。
2. 在该系列项中,设置 `label` 属性为一个对象,用来配置标签的样式和内容。
3. 在 `label` 对象中,设置 `formatter` 属性为一个函数,用来定义标签的显示内容。
4. 在这个函数中,使用 `{b}` 表示数据项名称,使用 `{c}` 表示数据项值,使用 `{d}` 表示数据项所占比例。
以下是一个示例配置代码:
```javascript
option = {
series: [{
type: 'pie',
data: [
{value: 335, name: '直接访问'},
{value: 310, name: '邮件营销'},
{value: 234, name: '联盟广告'},
{value: 135, name: '视频广告'},
{value: 1548, name: '搜索引擎'}
],
label: {
formatter: '{b} ({d}%)'
}
}]
};
```
在上述代码中,我们使用 `{b}` 显示数据项名称,使用 `{d}` 显示数据项所占比例,并在它们之间加上括号和百分号。
您可以根据自己的需求来修改标签的样式和内容。希望对您有帮助!
阅读全文