echarts树状图同级间距
时间: 2024-06-01 11:06:15 浏览: 352
在Echarts树状图中,同级节点间的距离可以通过控制layout参数来进行调整。默认情况下,同级节点的间距是相等的,可以通过设置布局算法的参数来调整同级节点间的距离。
例如,可以使用"tree"布局算法,然后通过设置"levelDistance"参数来调整同级节点之间的距离。代码示例如下:
```
option = {
series: [
{
type: 'tree',
data: [
{
name: '节点1',
children: [
{ name: '节点2' },
{ name: '节点3' },
{ name: '节点4' },
]
}
],
layout: 'tree',
orient: 'LR',
// 调整同级节点之间的距离
levelDistance: 100,
label: {
show: true,
position: 'insideTopLeft',
formatter: '{b}'
}
}
]
};
```
在上面的示例中,我们通过设置"levelDistance"参数来调整同级节点之间的距离,这里设置为100。您可以根据实际情况进行调整。
阅读全文
相关推荐
![js](https://img-home.csdnimg.cn/images/20250102104920.png)
![js](https://img-home.csdnimg.cn/images/20250102104920.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![doc](https://img-home.csdnimg.cn/images/20241231044833.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![docx](https://img-home.csdnimg.cn/images/20241231044901.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![pdf](https://img-home.csdnimg.cn/images/20241231044930.png)
![pdf](https://img-home.csdnimg.cn/images/20241231044930.png)
![-](https://img-home.csdnimg.cn/images/20241231045053.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)