javascript - Highcharts 图例正在被切断

Question

我正在尝试使用以下图表选项使用 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中提到的图例选项的不同组合。另外，尝试增加图表容器的高度。尽管如此，传奇仍在巅峰。有什么帮助/建议吗？

Answer 1

问题终于解决了。这是因为图例的“symbolHeight”属性而发生的。我把它减少到 150，图例就不再被切断了。