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

---

希望這可以幫助。 和平。