echarts中旭日图怎样再加一圈
时间: 2023-10-19 22:21:02 浏览: 31
要在 Echarts 的旭日图中添加一圈,可以通过增加 `series` 数组中的对象来实现。在新的对象中,设置新的 `radius` 值,并将 `data` 数组中的值设置为要显示的数据。以下是一个示例代码:
```javascript
option = {
series: [{
type: 'sunburst',
// ...
}, {
type: 'sunburst',
radius: ['65%', '75%'], // 新增的一圈
label: {
show: false
},
itemStyle: {
borderWidth: 2
},
levels: []
data: [
// 新的数据
{
name: 'New Data',
value: 100,
children: [
{name: 'New Child 1', value: 50},
{name: 'New Child 2', value: 50},
]
}
]
}]
};
```
在上面的代码中,我们在 `series` 数组中添加了一个新的对象,类型为 `sunburst`。我们将 `radius` 的值设置为 `['65%', '75%']`,这表示我们要在原有的旭日图基础上再添加一圈,半径范围为 65% 到 75%。我们还设置了新的 `data` 数组,其中包含我们要显示的新数据。你可以根据自己的需要修改这些值来达到你想要的效果。
相关推荐
![docx](https://img-home.csdnimg.cn/images/20210720083331.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)