Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/423.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/sql/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript highcharts minPointLength不适用于未堆叠的条形图_Javascript_Jquery_Css_Charts_Highcharts - Fatal编程技术网

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

Javascript highcharts minPointLength不适用于未堆叠的条形图,javascript,jquery,css,charts,highcharts,Javascript,Jquery,Css,Charts,Highcharts,当数据都为零时,我正在使用一个未加标记的条形图。当数据长度小于或等于4时,中间y轴为直线,当数据长度大于四时Yy轴变为虚线。如果我添加“堆叠”:垂直于系列,使条形图成为堆叠条形图,则yAxis始终是一条直线。看到小提琴了吗 html <script src="http://code.highcharts.com/highcharts.js"></script> <div id="container" style="height: 400px"></d

当数据都为零时,我正在使用一个未加标记的条形图。当数据长度小于或等于4时,中间y轴为直线,当数据长度大于四时Yy轴变为虚线。如果我添加“堆叠”:垂直于系列,使条形图成为堆叠条形图,则yAxis始终是一条直线。看到小提琴了吗

html

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

<div id="container" style="height: 400px"></div>
<script src="http://code.highcharts.com/highcharts.js"></script>

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

$(函数(){
$(“#容器”)。高图({
图表:{
类型:'bar',
},
xAxis:{
类别:[一月、二月、三月、四月、五月、六月、七月、八月、九月、十月、十一月、十二月]
},
系列:[{
数据:[0,0,0,0,0],
}]
});
});


看看有什么不同。在highcharts中,默认的minPointLength为零,但在未堆叠的条形图中似乎不起作用。所以我想让yAxis成为一条直线,不管它是堆叠图表还是无堆叠图表。有什么方法可以做到这一点吗?谢谢

这里的关键问题是间隙是由空条造成的。Highcharts似乎试图显示0值条,尽管它们应该是不可见的

尝试设置打印标注栏以沿y轴底部绘制实线:

yAxis: {
    plotBands: {
        from: 0, to: 0, borderWidth: 1, borderColor: '#CCCCCC', zIndex: 10
    }
},
您可以将标注栏设置为从0到0,并设置边框宽度,使其有效地成为一条线。
zIndex
属性将确保它保持在间隙上方

这将消除沿轴线的间隙(请参阅小提琴的更新版本:)

注意:属性
绘图线
将实现相同的效果,但是,一旦开始为条形图定义数据,将导致类型错误(
(d.plotLines | |[])。concat不是一个函数。似乎
plotLines
适用于直线图和样条曲线图

以下是已编辑图表的屏幕截图:


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

这可以消除间隙,但会使highcharts在有数据时不显示序列。您是对的:我收到一个类型错误
(d.plotLines | |[])。concat不是一个函数
。真奇怪!让我看看我能做什么。啊!我懂了!对于条形图,我需要的是
plotBands
,而不是
plotLines
。我会更新我的答案。PlotBand似乎无法完美地消除间隙!这正是我需要的!