echarts复合饼图,堆叠
时间: 2023-11-14 12:09:34 浏览: 101
解决echarts中饼图标签重叠的问题
好的,关于echarts复合饼图的堆叠,可以通过设置series中的radius属性和center属性来实现。具体来说,可以将多个饼图的半径设置为不同的值,使得它们可以在同一个图表中显示,并且通过设置center属性来控制它们的位置。同时,可以将多个饼图的数据堆叠在一起,使得它们可以共享同一个legend和tooltip。
以下是一个示例代码:
```javascript
option = {
series: [
{
type: 'pie',
radius: ['50%', '70%'],
center: ['25%', '50%'],
data: [
{value: 335, name: '直接访问'},
{value: 310, name: '邮件营销'},
{value: 234, name: '联盟广告'},
{value: 135, name: '视频广告'},
{value: 1548, name: '搜索引擎'}
]
},
{
type: 'pie',
radius: ['50%', '70%'],
center: ['75%', '50%'],
data: [
{value: 335, name: '直接访问'},
{value: 310, name: '邮件营销'},
{value: 234, name: '联盟广告'},
{value: 135, name: '视频广告'},
{value: 1548, name: '搜索引擎'}
]
}
]
};
```
在上面的代码中,我们定义了两个饼图,分别位于左侧和右侧,它们的半径分别为50%和70%,并且通过设置center属性来控制它们的位置。同时,它们的数据也是不同的,但是它们共享同一个legend和tooltip。
阅读全文