2016-03-01 90 views
1

我嘗試使用下面的圖表選項使用highcharts API繪製熱圖:Highcharts傳說是切斷

{ 
 
\t \t \t \t chart : { 
 
\t \t \t \t \t renderTo : 'chartContainer', 
 
\t \t \t \t \t type : 'heatmap' 
 
\t \t \t \t }, 
 

 
\t \t \t \t title : { 
 
\t \t \t \t \t text : "abcd" 
 
\t \t \t \t }, 
 

 
\t \t \t \t xAxis : { 
 
\t \t \t \t \t categories : []//categories, 
 
\t \t \t \t \t tickWidth : 0, 
 
\t \t \t \t \t title : { 
 
\t \t \t \t \t \t text : "Months" 
 
\t \t \t \t \t }, 
 
\t \t \t \t }, 
 

 
\t \t \t \t yAxis : { 
 
\t \t \t \t \t categories : []//categories, 
 
\t \t \t \t \t lineWidth : 1, 
 
\t \t \t \t \t title : { 
 
\t \t \t \t \t \t text : "xyz" 
 
\t \t \t \t \t } 
 
\t \t \t \t }, 
 

 
\t \t \t \t colorAxis : { 
 
\t \t \t \t \t min : minValue, 
 
\t \t \t \t \t max : maxValue, 
 
\t \t \t \t \t gridLineWidth : 2, 
 
\t \t \t \t \t marker : null, 
 
\t \t \t \t \t tickWidth : 0, 
 
\t \t \t \t \t tickInterval : tickInterval 
 
\t \t \t \t }, 
 

 
\t \t \t \t legend : { 
 
\t \t \t \t \t align : 'right', 
 
\t \t \t \t \t layout : 'vertical', 
 
\t \t \t \t \t verticalAlign: 'middle', 
 
\t \t \t \t \t symbolHeight : 250 
 
\t \t \t \t }, 
 

 
\t \t \t \t tooltip : { 
 
\t \t \t \t \t enabled : false 
 
\t \t \t \t }, 
 

 
\t \t \t \t navigation : { 
 
\t \t \t \t \t buttonOptions : { 
 
\t \t \t \t \t \t verticalAlign : 'top', 
 
\t \t \t \t \t \t y : -10 
 
\t \t \t \t \t } 
 
\t \t \t \t }, 
 

 
\t \t \t \t series : [] //series data 
 
};

但傳說在頂部不知何故切割。請檢查下面的快照: Chart Screenshot

我試過的傳奇選項http://api.highcharts.com/highcharts#legend 也提到了不同的組合,試圖增加圖表容器的高度。 儘管如此,這個傳說仍在頂端。 任何幫助/建議?

+0

只是試圖重新創建問題,在jsFiddle中工作正常,看看:http://jsfiddle.net/qjwq5d30/ - 你確定你已經發布了所有選項?你能否更新我的提琴問題? –

+0

我可以重現它,如果我使圖表div更短http://jsfiddle.net/qjwq5d30/1/ –

+0

感謝Paweł和芭芭拉。我找出了這個問題。由於symbolHeight屬性,問題正在發生。我把它減少到150,傳說停止了切斷。再次感謝! –

回答

0

最後,問題得到解決。這是因爲傳奇的'symbolHeight'屬性而發生的。我把它減少到150,傳說停止了切斷。

0

對我來說,答案是增加了傳說:itemMarginTop爲20;