2016-11-08 157 views
0

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

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

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


在这个例子中有6个项目(月)在Y轴,但如果我想显示在同一个容器12个月内,不使棒50%窄? enter image description here

+0

会是怎样知道的高度?我见过的每张图都要求你传递尺寸。随着你的数据的变化,尺寸将不得不改变,这将是非常丑陋的。 –

+0

实际图表之前和之后的区域是固定的,图表区域将响应行数,条形或任何数据类型的数量? –

+0

我真的不明白,在定义尺寸时尺寸会发生怎样的变化?那么其他图表如何完成呢? –

回答

0

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

例如,如果各行31px和图形头部的固定高度&页脚是200像素,你可以使用:

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