Всегда показывать метки данных над столбцами в HighCharts

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

Я пробовал много комбинаций в dataLabels без везения:

    plotOptions: {
        column: {
            dataLabels: {
                enabled: true
            }
        }
    }

JSFiddle: Здесь

HighCharts Example

ОТВЕТЫ

Ответ 1

Вам нужно отключить обрезку и переполнение, см. http://jsfiddle.net/NKXRk/4/

    plotOptions: {
        column: {
            dataLabels: {
                enabled: true,
                crop: false,
                overflow: 'none'
            }
        }
    },

Ответ 3

Установите метки данных в вызове серии:

series:[{
name:"Odometer",
data:[{"y":94.98},{"y":182.96},{"y":160.97},{"y":18.00},{"y":117.97},{"y":6.00},{"y":127.97}],
dataLabels: {
            enabled: true,
            color: '#000000',
            backgroundColor: '#FFFFFF',
            borderWidth: '1',
            align: 'center',
            x: 0,
            y: 0,
            rotation: 0,
}

}]

http://jsfiddle.net/NKXRk/1/

Затем, если ваши метки все еще немного перекрывают столбцы (столбец 2 в скрипке выше), установите yAxis max немного выше:

yAxis:{ max: 250 },

http://jsfiddle.net/NKXRk/2/

Ответ 4

Параметры обрезки и переполнения /maxPadding не работали для меня, вот что я сделал для правильного выравнивания:

plotOptions: {
    column: {
        dataLabels: {
            enabled: true,
            y: -20,
            verticalAlign: 'top'
        }
     }
}