Javascript 在Highcharts中，如何在柱状图中设置y轴上打印条带的宽度？

是否有一种智能方法可以调整y轴上的打印标注栏大小并将其与x轴列对齐？大小似乎使用x轴的宽度

JSFIDLE演示：

我正在尝试将绘图条带放在列的左侧，类似这样：-我基本上将

.chart列
的宽度设置为足够小，可以“伪造”它，但这在不同浏览器中有所不同，因此我需要找到更好的解决方案

PlotBand对象的
thickness
属性似乎对我也没有帮助

plotBands: [{
    from: 0,
    to: 2500,
    color: '#FB8585'
  }, {
    from: 2500,
    to: 5500,
    color: '#F9E7AE'
  }, {
    from: 5500,
    to: 8000,
    color: '#83DAD9'
  }]

事情就是这样


这就是我喜欢的方式

我将使用
xAxis
缩放、
点范围
、
点填充
/
组填充

大概是这样的：

plotOptions: {
  series: {
    borderWidth: 0,
    pointRange: 1,
    pointPadding: 0,
    groupPadding: 0
  }
},
xAxis: {
  min: -0.5,
  max: 0,
  minPadding: 0,
  maxPadding: 0,
  visible: false,
}


将
pointRange
设置为1，使列填充一个轴单位的宽度（这使所有内容都能正确缩放）

将
pointPadding
和
groupPadding
设置为0，以从列打印中删除不必要的空间

将轴
minPadding
和
maxPadding
设置为0，以删除轴上不必要的空间

将xAxis
min
设置为小于0，将max设置为0，以允许频带显示在左侧（要将其显示在右侧，请将min设置为0，将max设置为大于0）


通过这种方式，您可以将图表宽度设置为所需的任何宽度，并且列/条带应适当填充


要使可见光带部分更窄，请将x轴最小值设置为更接近零的值（例如
-0.25
）-要使其更宽，请将最小值设置为离零更远的值（例如
-0.75
）

xAxis
min
设置将确定列和可见的
plotband
占据的x轴比例。相应地调整


更新小提琴：




输出：