javascript - ECharts 自动高度

Question

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

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

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

---

在这个例子中，Y 轴上有 6 个项目（月），但是如果我想在同一个容器中显示 12 个月，而不使条形变窄 50%，该怎么办？

Answer 1

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

例如，如果每行是 31px 并且图形页眉和页脚的固定高度是 200px，您可以使用：

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