echarts饼图中心展示文字
时间: 2023-08-03 17:04:12 浏览: 262
在 Echarts 中,可以通过设置饼图的中心文本来展示文字。具体的方法是使用 `series` 配置项中的 `label` 属性来设置标签样式,并使用 `formatter` 属性来自定义标签内容。
以下是一个示例代码:
```javascript
option = {
series: [{
type: 'pie',
data: [
{value: 335, name: '直接访问'},
{value: 310, name: '邮件营销'},
{value: 234, name: '联盟广告'},
{value: 135, name: '视频广告'},
{value: 1548, name: '搜索引擎'}
],
label: {
show: true,
position: 'center',
formatter: '{b}\n{c} ({d}%)'
}
}]
};
```
在上述代码中,我们将饼图的标签位置设置为中心(`position: 'center'`),并使用 `{b}`、`{c}` 和 `{d}` 分别表示饼图数据项的名称、值和占比。通过这种方式,可以在饼图的中心展示自定义的文字内容。
注意:该方法适用于 Echarts 4.x 版本及以上。如果您使用的是旧版本的 Echarts,则可能需要使用不同的方法来实现相同的效果。
阅读全文