Highcharts 在柱形图上将 yaxis 值置于零

Question

I want to center YAxis value at zero on Highcharts Column chart with positive & negative values like this: https://drive.google.com/open?id=0B_IZwAPijvleZzBhUnVaSFhBcDQ , these axis values are dynamic loaded. With jqPlot there is an option called forceTickAt0 at axis settings that can meet my requirements, I'd like to know if this is possible with Highcharts, if yes how to do? Thanks.

Update: Ok, in order to clearly explain my question, I've created a jsFiddle . As you see on the chart, the max/min series value at y-axis is 5001/-4280, but Highcharts shows 15000/-5000 at y-axis boundary and I expect it to be 6000/-5000, and if you remove the first value 5001 from y-axis series, Highcharts will show 5000/-5000 at y-axis boundary that's what I expected. So add a 5001 value at y-axis series causes the y-axis boundary becomes too far away.

The key point is I don't want the biggest/smallest series value at y-axis got too much far away from chart max/min boundary value.

Following is the code, for explanation purpose, series data here use fixed values, In a real situation they are all dynamic loaded.

$(function() {
   $('#container').highcharts({
     chart: {
       zoomType: 'xy',
       plotBackgroundColor: '#fffdf6',
       alignTicks: true,
     },
     title: {
       text: 'Country Illegally Building Num Average Tax',
     },
     subtitle: {
       text: ''
     },
     xAxis: [{
       categories: ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N'],
       crosshair: true,
       title: {
         text: 'Country Code',
       }
     }],
     yAxis: [{ // Primary yAxis
       labels: {
         format: '{value} ',
       },
       title: {
         text: 'Illegally Building Num',
       },

     }, { // Secondary yAxis
       min: 0, //Required to start at zero
       title: {
         text: 'Average Tax ($)',
         style: {
           color: '#666'
         }
       },
       labels: {
         format: '{value} $',
         style: {
           color: '#666'
         }
       },
       opposite: true
     }],
     tooltip: {
       shared: true
     },
     legend: {
       enabled: false
     },
     series: [{
       color: 'red',
       negativeColor: 'green',
       name: 'Illegally Building Num',
       type: 'column',
       data: [5001, 369, 475, 891, 3585, 4235, -1711, -3648, -3749, -2555, -4280, -1017, 2001, -900],
       tooltip: {
         valueSuffix: ' '
       }
     }, {
       name: 'Average Tax',
       type: 'line',
       data: [140.5, 141, 139.5, 162, 151, 142, 147, 151, 154, 142, 146, 149, 153, 111.5],
       yAxis: 1,
       tooltip: {
         valueSuffix: ' $'
       }
     }]
   });
});

Answer 1

I don't believe there is a forceiTickAt0, but this functionality can easily be accomplished by setting the min/max of the y-axis. For example:

yAxis: {
            min:-20,
            max:20,
            title: {
                text: 'Axis Title'
            },
            labels: {
                formatter: function () {
                    return this.value + '°';
                }
            },
            lineWidth: 2
        },

This would have a center point at 0, and depending on your data you can dynamically set the max to be the absolute value of the min.