Названия серий Highcharts в datalabel

#javascript #charts #highcharts

#javascript #Диаграммы #highcharts

Вопрос:

Я использую библиотеку highcharts для вывода столбчатой диаграммы с 6 категориями и 4 рядами.

Я хочу отобразить название серии в datalabel. Теперь он просто выдает число.

диаграмма 1

Я реализовал временное решение, но оно не очень:

диаграмма 2

В лучшем решении над названием категории было бы указано значение O M G U, соответствующее 4 столбцам для каждой категории.

Ответ №1:

Используйте format опцию для отображения имени ряда в качестве метки данных, например:

     plotOptions: {
        column: {
            dataLabels: {
                ...,
                verticalAlign: 'bottom',
                format: '{point.series.name}'
            }
        }
    }
  

Живая демонстрация: http://jsfiddle.net/blackLabel/8k5omy6z/

Ссылка на API: https://api.highcharts.com/highcharts/series.column.dataLabels.verticalAlign