javascript - highcharts minPointLength 不适用于未堆叠的条形图

Question

当数据全为零时，我正在使用未堆叠的条形图。当数据长度小于或等于 4 时，中间的 yAxis 是一条直线，当数据长度大于 4 时，yAxis 变成一条虚线。如果我添加 'stacking': normal to the series 使条形图成为堆叠条形图，则 yAxis 始终是一条直线。看 fiddle

http://jsfiddle.net/junkainiu/u6sgyxL6/5/

html

<script src="http://code.highcharts.com/highcharts.js"></script>

<div id="container" style="height: 400px"></div>

js

$(函数 () {
$('#container').highcharts({
图表: {
类型:'酒吧'，
},
x轴:{
类别:['一月'、'二月'、'三月'、'四月'、'五月'、'六月'、'七月'、'八月'、'九月'、'十月'、'十一月'、'十二月' ]
},
系列: [{
数据:[0,0,0,0]，
堆叠:'正常'
}]
});
});

和

http://jsfiddle.net/junkainiu/bz22h3eb/7/

html

<script src="http://code.highcharts.com/highcharts.js"></script>

<div id="container" style="height: 400px"></div>

js

$(函数 () {
$('#container').highcharts({
图表: {
类型:'酒吧'，
},
x轴:{
类别:['一月'、'二月'、'三月'、'四月'、'五月'、'六月'、'七月'、'八月'、'九月'、'十月'、'十一月'、'十二月' ]
},
系列: [{
数据:[0,0,0,0,0]，
}]
});
});

看看区别。在 highcharts 中，默认的 minPointLength 为零，但在未堆叠的条形图中似乎不起作用。所以我想把 yAxis 做成一条直线，不管是堆叠图还是非堆叠图。有办法吗？谢谢

Answer 1

这里的关键问题是缺口是由空柱引起的。看起来 Highcharts 试图显示 0 值条，即使它们应该是不可见的。

尝试设置绘图带以沿 y 轴的底部绘制一条实线:

yAxis: {
    plotBands: {
        from: 0, to: 0, borderWidth: 1, borderColor: '#CCCCCC', zIndex: 10
    }
},

您可以将 strip 设置为从 0 到 0，并设置边框宽度，使其有效地变成一条线。 zIndex 属性将确保它保持在间隙之上。

这将消除您轴线上的那些间隙(请参阅您的 fiddle 的更新版本:http://jsfiddle.net/brightmatrix/bz22h3eb/11/)。

Note: The attribute plotLines will achieve the same effect, however, that will cause a type error ((d.plotLines || []).concat is not a function) once you start to define data for the bars. It seems plotLines is meant for line and spline charts!

这是编辑后图表的屏幕截图:

这是否有助于解决您的问题？