Javascript highcharts minPointLength不适用于未堆叠的条形图
当数据都为零时,我正在使用一个未加标记的条形图。当数据长度小于或等于4时,中间y轴为直线,当数据长度大于四时Yy轴变为虚线。如果我添加“堆叠”:垂直于系列,使条形图成为堆叠条形图,则yAxis始终是一条直线。看到小提琴了吗 htmlJavascript 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
<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似乎无法完美地消除间隙!这正是我需要的!