我正在尝试使用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
我尝试了www.example.com中提到的图例选项的不同组合http://api.highcharts.com/highcharts#legend另外，尝试增加图表容器的高度。但图例仍然在顶部被剪切。有什么帮助/建议吗？
3条答案
按热度按时间anauzrmj1#
最后，这个问题得到了解决。它的发生是因为图例的“symbolHeight”属性。我将其减少到150，图例停止了切断。
ugmeyewa2#
对我来说，答案是将图例itemMarginTop增加到20;
k7fdbhmy3#
对我来说，它通过稍微减小字体大小来工作。
为此，我还不得不更改
symbolHeight以根据我的字体大小进行调整。字体大小默认为12px。参考：https://api.highcharts.com/highcharts/legend.itemStyle
希望这能帮上忙。和平。