ECharts自动高度
ECharts automatic height
是否可以在不指定容器高度的情况下创建 ECharts 折线图 - 使其响应实际数据。
Y 轴上的项目数可以变化。
默认情况下,当我没有定义容器的高度时,它会是0,图表不可见。
在此示例中,Y 轴上有 6 个项目(月),但如果我想在同一容器中显示 12 个月,而不使条形变窄 50% 怎么办?
如果您知道要有多少行或多少条,则可以使用它来计算容器的高度。
例如,如果每行为 31px,图表页眉和页脚的固定高度为 200px,您可以使用:
var chartHeight = dataValues.length * 31 + 200;
$('#graph-container').css({'height': chartHeight});
是否可以在不指定容器高度的情况下创建 ECharts 折线图 - 使其响应实际数据。
Y 轴上的项目数可以变化。
默认情况下,当我没有定义容器的高度时,它会是0,图表不可见。
在此示例中,Y 轴上有 6 个项目(月),但如果我想在同一容器中显示 12 个月,而不使条形变窄 50% 怎么办?
如果您知道要有多少行或多少条,则可以使用它来计算容器的高度。
例如,如果每行为 31px,图表页眉和页脚的固定高度为 200px,您可以使用:
var chartHeight = dataValues.length * 31 + 200;
$('#graph-container').css({'height': chartHeight});