Javascript HighCharts-条形图中的Y轴填充

我使用了一种y轴标签样式，其中每个数字都放置在各自的水平网格线上，左对齐，如下图所示

HighCharts中唯一的复杂之处是轴标签有时会与柱状图中的第一列重叠

更新的演示：有关示例，请参见此图表：

---

我曾尝试使用此属性来实现此功能，但该属性似乎对柱状图没有影响。在海图中有没有办法达到我想要的效果？从理论上讲，我可以通过使条形图非常窄来获得效果，但我正在寻找另一种解决方案。

您可以对yAxis使用偏移参数。

我提出了一种解决方法，但它并不完美

使用

yAxis.offset

使用超长的记号来模拟向左延伸的网格线

像这样：

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

有关演示，请参见

为什么不理想 我希望我的网格线使用短划线样式（例如，

dashStyle:“longdash”

），但似乎没有将短划线样式应用于记号的方法

---

我很想知道是否有办法做到这一点，或者有更好的解决办法。

它不适用于分类轴-在这种类型中，轴被划分为相等的类别，因此不允许最小/最大填充

---

可能的解决方案是使用标准axis，但axis使用

格式化程序

，请参阅：

yAxis.offset的问题在于它不会扩展网格线，因此无法实现我描述的样式。先生，您为我节省了很多时间。谢谢你+1，现在y轴标签不再位于图表系列的后面了，这让我差点疯了：D