echarts折线图高度
时间: 2023-10-03 21:07:20 浏览: 181
Echarts实现的折线图
5星 · 资源好评率100%
可以通过设置图表容器的高度或者通过使用“grid”组件的“height”属性来调整echarts折线图的高度。例如,可以在初始化图表时使用以下代码设置容器高度为400px:
```
var myChart = echarts.init(document.getElementById('myChart'));
myChart.setOption({
...,
...,
});
myChart.resize({height: '400px'});
```
或者可以在“grid”组件中设置高度属性来调整折线图的高度,例如:
```
var option = {
...,
grid: {
top: '10%',
left: '3%',
right: '3%',
bottom: '3%',
height: '80%', // 设置高度属性
containLabel: true
},
...,
};
```
这样可以使echarts折线图在容器中占据80%的高度。
阅读全文