Highcharts прикрепляют столбец к оси x

Question

Почему столбцы в демонстрационном коде находятся над осью X? Как мне заставить их придерживаться оси X.

Посмотрите на https://jsfiddle.net/nmLo2sbu/

Highcharts.chart('container', {
    chart: {
         type: 'column'
    },
    title: {
        text: 'Stacked bar chart'
    },
    xAxis: {
        categories: ['Apples', 'Oranges', 'Pears', 'Grapes', 'Bananas'],

        lineColor: '#FF0000',
                offset:0,

    },
    yAxis: {
        title: {
            text: 'Total fruit consumption'
        },
    },

    plotOptions: {
        series: {
              minPointLength: 3,
           // stacking: 'normal'
        }
    },
    series: [{
        name: 'John',
        data: [0, 0, 0, 0, 0]
    }, {
        name: 'Jane',
        data: [0, 0, 0, 0, 0]
    }, {
        name: 'Joe',
        data: [0, 0, 0, 0, 0]
    }]
});

Answer 1

Хай-чарты не могут рассчитывать экстремумы по оси Y, поэтому отметка 0 находится в середине. Кроме того, значение по умолчанию в серии column для threshold равно 0. Вы можете принудительно рассчитать экстремумы, например, используя свойство softMax.

yAxis: {
  ...,
  softMax: 1
}

---

Демонстрация в реальном времени: https://jsfiddle.net/BlackLabel/08ohe6m3/

Справочник по API:

https://api.highcharts.com/highcharts/series.column.threshold

https://api.highcharts.com/highcharts/yAxis.softMax