echarts饼图中间文字
时间: 2023-09-28 11:06:55 浏览: 180
ECharts 饼图
5星 · 资源好评率100%
在ECharts中,可以通过设置饼图的label属性来显示中间的文字。具体的做法是:
1. 在饼图的series中,设置label属性为true,表示显示饼图中间的文字。
2. 设置label的position属性为'inner',表示文字显示在饼图的内部。
3. 设置label的formatter属性,用于格式化显示的文字内容。
下面是一个示例代码:
```javascript
option = {
series: [
{
type: 'pie',
radius: ['50%', '70%'],
label: {
show: true,
position: 'inner',
formatter: '{b} : {c} ({d}%)'
},
data: [
{value: 335, name: '直接访问'},
{value: 310, name: '邮件营销'},
{value: 234, name: '联盟广告'},
{value: 135, name: '视频广告'},
{value: 1548, name: '搜索引擎'}
]
}
]
};
```
以上示例中,formatter属性设置为'{b} : {c} ({d}%)',表示显示饼图的名称、值和占比。你可以根据需要自定义格式化的内容。
阅读全文