2016-03-01 52 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;