HighCharts - 條形圖中的Y軸填充

Question

我使用一種y軸標簽樣式，其中每個數字左對齊放置在其各自的水平網格線的頂部，如下圖所示。

HighCharts中唯一的復雜因素是軸標簽有時會與柱形圖中的第一列重疊。

更新的演示：有關示例，請參閱此圖表： http ： //jsfiddle.net/NWsgz/1/

我試圖使用xAxis.minpadding來實現這xAxis.minpadding ，但該屬性似乎對柱形圖沒有影響。 在Highcharts中有沒有辦法獲得我想要的效果？ 理論上我可以通過使條形很窄來獲得效果，但我正在尋找另一種解決方案。

Answer 1

我想出了一個解決方法，但它並不完美。

1. 使用yAxis.offset將yAxis與圖表yAxis.offset
2. 使用超長刻度線來模擬向左延伸的網格線

像這樣：

yAxis: {
  offset: 30,
  tickLength: 30, // Same value as offset
  tickPosition: "inside",
  tickWidth: 1,
  tickColor: "black", // The same as your gridLine color
  labels: { 
    align: 'left',
    x: 0,
    y: -8 // Position labels above their gridLine/tickMark
  }
}                                   

有關演示，請參閱http://jsfiddle.net/supertrue/NWsgz/2/

為什么它不理想

我希望我的gridLines使用破折號樣式（例如dashStyle: 'longdash' ），但似乎沒有辦法將破折號樣式應用於刻度線。

我很想知道是否有辦法做到這一點，或者更好的解決方法。

Answer 2

它不適用於分類軸 - 在該類型中，軸被分為相同的類別，因此不允許使用最小/最大填充。

可能的解決方案是使用標准軸，但使用formatter作為軸，請參閱： http ： //jsfiddle.net/NWsgz/4/

Answer 3

您可以為yAxis使用偏移參數http://api.highcharts.com/highcharts#yAxis.offset