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 };

但传奇以某种方式在顶端切割。 请检查以下快照：图表截图

我尝试了http://api.highcharts.com/highcharts#legend中提到的图例选项的不同组合 另外，尝试增加图表容器的高度。 尽管如此，这个传奇仍然处于领先地位。 有什么帮助/建议吗？

Answer 1

终于，问题解决了。 这是由于图例的'symbolHeight'属性而发生的。 我将其减少到150，并且图例不再中断。

Answer 2

对我来说，答案是将图例：itemMarginTop增加到20；

Answer 3

对我来说，它通过稍微减小字体大小来工作。

legend:{
  itemStyle: {
    fontSize: "10px"
 },
}

为此，我还必须更改symbolHeight以根据我的字体大小进行调整。 字体大小默认为 12px。

参考： https ://api.highcharts.com/highcharts/legend.itemStyle

---

希望这可以帮助。 和平。