Нужна помощь при просмотре значений диаграммы

Question

Графики столбцов работают нормально.Но я сталкиваюсь с одной проблемой при просмотре значений графика.Если между двумя значениями есть большая разница, то нижнее значение не отображается на графиках (что означает, что оно отображается там, но я не могу засвидетельствовать это). См. https://jsfiddle.net/g18evj5x/1/:

Highcharts.chart('container', {
    chart: {
        type: 'column'
    },
    title: {
        text: 'Monthly Average Rainfall'
    },
    subtitle: {
        text: 'Source: WorldClimate.com'
    },
    xAxis: {
        categories: [
            'Jan'
        ],
        crosshair: true
    },
    yAxis: {
        min: 0,
        title: {
            text: 'Rainfall (mm)'
        }
    },
    tooltip: {
        headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
        pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
            '<td style="padding:0"><b>{point.y:.1f} mm</b></td></tr>',
        footerFormat: '</table>',
        shared: true,
        useHTML: true
    },
    plotOptions: {
        column: {
            pointPadding: 0.2,
            borderWidth: 0
        }
    },
    series: [{
        name: 'Tokyo',
        data: [1000]

    }, {
        name: 'New York',
        data: [2]

    }, {
        name: 'London',
        data: [4]

    }, {
        name: 'Berlin',
        data: [6]

    }]
});

спасибо.

Answer 1

Другим решением может быть использование dataLabels Api link , например:

plotOptions: {
  column: {
    // minPointLength: 2, // You could use both solutions
    dataLabels:{
      enabled:true
    }
  }
}

Fiddle

Answer 2

Одним из решений является установка plotOptions.column.minPointLength ( API ).Например ( JSFiddle ):

plotOptions: {
    column: {
        minPointLength: 2
    }
}

Это означает, что точка будет иметь как минимум эту высоту и, следовательно, будет отображаться на вашем графике.