Верхний столбец с полосой прокрутки

Question

Я использую тип столбца от Highcharts-more. Средство форматирования меток данных по умолчанию помещает низкие / высокие данные в оба конца диапазона, что приятно.

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

пример: введите описание ссылки здесь

Highcharts.chart('container', {
chart: {
    type: 'columnrange',
    inverted: true
},

title: {
    text: 'Temperature variation by month'
},

subtitle: {
    text: 'Observed in Vik i Sogn, Norway, 2017'
},

xAxis: {
    categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
        'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
        max:4,
        scrollbar: {
        enabled: true
        }
},

yAxis: {
    title: {
        text: 'Temperature ( °C )'
    }
},

tooltip: {
    valueSuffix: '°C'
},

plotOptions: {
    columnrange: {
        dataLabels: {
            enabled: true,
            format: '{y}°C'
        }
    }
},

legend: {
    enabled: false
},

series: [{
    name: 'Temperatures',
    data: [
        [-9.9, 10.3],
        [-8.6, 8.5],
        [-10.2, 11.8],
        [-1.7, 12.2],
        [-0.6, 23.1],
        [3.7, 25.4],
        [6.0, 26.2],
        [6.7, 21.4],
        [3.5, 19.5],
        [-1.3, 16.0],
        [-8.7, 9.4],
        [-9.0, 8.6]
    ]
}]

});

Answer 1

Это ошибка Highcharts, которая уже исправлена ​​в основной ветке и будет опубликована в версии 7.0.2. А пока вы можете использовать код из ветки master:

<script src="https://github.highcharts.com/master/highstock.src.js"></script>
<script src="https://github.highcharts.com/master/highcharts-more.js"></script>

или более старая версия Highcharts:

<script src="https://code.highcharts.com/stock/6/highstock.js"></script>
<script src="https://code.highcharts.com/6/highcharts-more.js"></script>

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

Файловая служба Highcharts: https://code.highcharts.com/