Highcharts'子弹图表的系列并没有一直延伸

时间:2017-10-17 16:13:49

标签: javascript jquery highcharts

当我将系列的值设置为等于plotBands的值时,图表会自行延伸,使得系列栏不会到达图表的末尾。

...
yAxis: {
    plotBands: [{
        from: 0,
        to: 150,
        color: '#666'
    }, {
        from: 150,
        to: 225,
        color: '#999'
    }, {
        from: 225,
        to: 500,
        color: '#bbb'
    }],
    title: null
},
plotOptions: {

},
series: [{
    data: [{
        y: 500,
        target: 220
    }]
}],
....

小提琴:http://jsfiddle.net/m21d08Lv/

我怎样才能阻止这种行为,所以系列的栏杆一直到达终点?

1 个答案:

答案 0 :(得分:0)

这是因为当Highcharts自动计算极值时,它会在具有最高值的点和绘图区域边缘之间增加一些额外的空间(视觉原因)。要防止此默认行为,请使用xAxis.max属性。

实时工作演示: http://jsfiddle.net/kkulig/0w330rae/

API参考: https://api.highcharts.com/highcharts/xAxis.max