2013-02-11 31 views
0

我有許多系列的高架圖。我在圖表下面放置了系列名稱的圖例。問題在於我不能預先知道傳說的高度,有時它會覆蓋上面的圖表。傳說重寫圖表

是否有可能使圖表的大小適應JavaScript代碼中的圖例大小?對我來說最好的解決方案是保持固定圖形的大小和放大封閉元素的高度。

編輯: 它類似於我的情況的jsfiddle:http://jsfiddle.net/KfWDD/1/

var chart = new Highcharts.StockChart({  
    chart: { 
     renderTo: 'container' 
    }, 
    legend: { 
     enabled: true, 
    }, 
    rangeSelector: { 
     selected: 1 
    }, 
    series: [{ 
     name: 'ADBE', 
     data: ADBE 
    }, { 
     name: 'MSFT', 
     data: MSFT 
    }] 
}); 

我想有導航下面的圖例。我可以通過修復元素中的一些邊距和偏移量來獲得這一點,但如果圖例變得太高,則佈局會中斷。

回答

0

您可以爲圖例設置maxHeight,並添加固定的margin以爲該圖例留出空間。

+0

問題似乎是圖例和導航器之間的交互。我添加了一個jsfiddle來玩。我不明白'保證金'和'y'如何正確行事。 – 2013-02-11 18:56:32

+0

我通過設置'浮動:假'來解決問題,否則導航欄的偏移量將取決於圖例的大小 – 2013-02-15 11:00:52