Highcharts传奇正在切断

时间:2016-03-01 12:34:19

标签: javascript highcharts

我正在尝试使用highcharts api使用以下图表选项绘制热图:



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

				title : {
					text : "abcd"
				},

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

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

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

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

				tooltip : {
					enabled : false
				},

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

				series : [] //series data
};




但传说在某种程度上是在顶部切割。请检查以下快照: Chart Screenshot

我尝试了http://api.highcharts.com/highcharts#legend中提到的图例选项的不同组合 此外,尝试增加图表容器的高度。 尽管如此,这个传奇仍然在顶端。 任何帮助/建议?

2 个答案:

答案 0 :(得分:0)

最后,问题得到了解决。这是因为图例的'symbolHeight'属性。我将它减少到150并且传奇停止了切断。

答案 1 :(得分:0)

对我来说,答案是将图例:itemMarginTop增加到20;