ECharts自动高度

时间:2016-11-08 12:11:48

标签: javascript html echarts

是否可以创建ECharts折线图而无需指定容器高度 - 使其对实际数据做出响应。

Y轴上的项目数可能会有所不同。

默认情况下,当我没有定义容器的高度时,它将为0并且图表不可见。

在这个例子中,Y轴有6个项目(月),但是如果我想在同一个容器中显示12个月而不使条纹缩小50%怎么办? enter image description here

1 个答案:

答案 0 :(得分:1)

如果您知道将要有多少行或条,您可以使用它来计算容器的高度。

例如,如果每行是31px并且图形标题的固定高度&页脚是200px你可以使用:

var chartHeight = dataValues.length * 31 + 200;
$('#graph-container').css({'height': chartHeight});