echarts图表树图设置大小
时间: 2023-08-10 07:02:59 浏览: 52
要设置 Echarts 树图的大小,可以通过设置图表容器的宽度和高度来实现。下面是一个示例代码:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Echarts Tree图表示例</title>
<style>
#chartContainer {
width: 600px;
height: 400px;
}
</style>
</head>
<body>
<div id="chartContainer"></div>
<script src="https://cdn.jsdelivr.net/npm/echarts@5.2.1/dist/echarts.min.js"></script>
<script>
// 初始化Echarts实例
var chart = echarts.init(document.getElementById('chartContainer'));
// 设置图表的配置项和数据
var option = {
// ... 其他配置项
series: [
{
type: 'tree',
// ... 其他系列配置项
}
]
};
// 使用刚指定的配置项和数据显示图表
chart.setOption(option);
</script>
</body>
</html>
```
在上面的示例中,我们通过 CSS 设置了 `#chartContainer` 的宽度为 600px,高度为 400px,这样就可以控制图表的大小。你可以根据需要调整宽度和高度的数值来满足你的需求。