Как разместить метку данных в основании серии столбцов

Question

У меня есть (горизонтальная) гистограмма, и я хочу добавить dataLabel в основание (или большую часть слева) столбца для серии.

похож на это: http://flowingdata.com/2009/05/22/poll-results-what-data-related-area-are-you-most-interested-in/

Есть ли способ использовать функцию форматирования для установки этого значения?

plotOptions: {
    bar: {         
        dataLabels: {
            formatter: function() {
                this.series.options.dataLabels.x =  ?????????????
                return this.y;
            },

Answer 1

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

Один из способов размещения меток в основании - это использование меток стека вместо меток данных (метки данных будут размещаться в верхней части полосы либо по левому, либо по правому краю). Чтобы настроить метки стека на базе, выполните:

yAxis: {                         // The y axis is horizontal 'bar' layout
    stackLabels: {
        style: {
            color: 'white'       // Make the labels white
        },
        enabled: true,           // Enable stack labels
        verticalAlign: 'middle', // Position them vertically in the middle
        align: 'left'            // Align them to the left edge of the bar
    }
}

Вам также нужно будет установить стопку на 'normal':

Пример использования jsfiddle :

Обновление: В метках для суммированных сумм будет показана сумма всех рядов для определенной категории (стека), поэтому только в случае наличия одной отдельной серии в диаграмме будут метки стека и данные. метки показывают одинаковое значение.