HighCharts - Y轴填充的条形图中(HighCharts - Y-Axis paddi

我下面的图像中使用，其中，每个数被放置，y轴标签的风格左对齐，在其各自的水平网格线的顶部，等等。

与此在HighCharts唯一复杂的是，轴线标签将有时与柱形图在第一列重叠。

更新演示：举一个例子，在此图表： http://jsfiddle.net/NWsgz/1/

我试图做到这一点使用xAxis.minpadding ，但性能似乎对柱形图没有影响。 是否有Highcharts办法让我去的效果呢？ 我可以通过使条很窄理论上得到的效果，但是我正在寻找另一种解决方案。

Answer 1:

它不为分类轴工作 - 在此类型的轴被分成相等的类，所以最小/最大填充是不允许的。

可能的解决方案是使用标准的轴，但使用formatter的轴，请参阅： http://jsfiddle.net/NWsgz/4/

Answer 2:

我想出了一个解决办法，但它并非十全十美。

1. 从使用该图表分离Y轴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/

为什么它的效果并不理想

我希望我的网格线使用虚线样式（如dashStyle: 'longdash' ），但似乎没有要申请一个虚线样式到刻度线的方式。

我很想听听是否有一种方法可以做到这一点，或一个更好的解决办法。

Answer 3:

您可以使用偏移参数Y轴http://api.highcharts.com/highcharts#yAxis.offset

文章来源: HighCharts - Y-Axis padding in a bar chart