ECharts自动高度

ECharts automatic height

是否可以在不指定容器高度的情况下创建 ECharts 折线图 - 使其响应实际数据。

Y 轴上的项目数可以变化。

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


在此示例中,Y 轴上有 6 个项目(月),但如果我想在同一容器中显示 12 个月,而不使条形变窄 50% 怎么办?

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

例如,如果每行为 31px,图表页眉和页脚的固定高度为 200px,您可以使用:

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