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

Question

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

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

html

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

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

js

$(function () { $('#container').highcharts({ chart: { type: 'bar', }, xAxis: { categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] }, series: [{ data: [0,0,0,0], stacking: 'normal' }] }); });

和

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

html

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

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

js

$(function () { $('#container').highcharts({ chart: { type: 'bar', }, xAxis: { categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] }, series: [{ data: [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
    }
},

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

这将消除您的轴线上的这些间隙（请参阅小提琴的更新版本：http://jsfiddle.net/brightmatrix/bz22h3eb/11/）。

注意：属性plotLines 将达到相同的效果，但是，一旦您开始为条形定义数据，就会导致类型错误（(d.plotLines || []).concat is not a function）。看来plotLines 是为折线图和样条图设计的！

这是编辑后图表的截图：

这有助于解决您的问题吗？