2016-11-08 104 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});