当y值全为0时，highcharts.js将行推到图表的底部

Question

当y轴的值都是0时，0线在图表的中间运行，这不是很好看。我想将0行推到图表的底部。我在这篇文章上尝试了解决方案，但没有工作

Highcharts: Ensure y-Axis 0 value is at chart bottom

http://jsfiddle.net/tZayD/58/

$(function () {
        $('#container5').highcharts({
      chart: {
                    type: 'column'
                },

                xAxis: {
                    categories: ['mon','tue','wed','thu','fri','sat']       
                },
                yAxis: {
                    title: {text: ''},
                    min:0
                },
                series: [{
                    name: 'Total Appts',
                    data: [0,0,0,0,0,0]
                }, {
                    name: 'Confirmed',
                    data: [0,0,0,0,0,0]
                }, {
                    name: 'no-shows',
                    data: [0,0,0,0,0,0]
                }]
            });          
    })

Answer 1

制作0＆＃34; yValue＆＃34;显示在图表的底部而不是浮动在图表空间的中间，您还需要设置yAxis.max值。将其设置为您预期值范围内的任意值。

删除网格线，只需要0＆＃34; yValue＆＃34;您可以将gridLineWidth设置为0。

样品：

        yAxis: {
            title: {text: ''},
            min:0,
            max: 10,
            gridLineWidth: 0
        },