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

Question

Вот к чему я иду, не обращайте внимания на указатель сверху.

Answer 1

Вы можете использовать модуль annotations:

annotations: [{
    labels: [{
        borderRadius: 0,
        padding: 20,
        backgroundColor: '#fff',
        style: {
            color: '#000'
        },
        point: {
            xAxis: 0,
            yAxis: 0,
            x: 0,
            y: 15
        },
        y: -130,
        text: 'Col de la Joux'
    }]
}]

---

Демонстрационная версия: http://jsfiddle.net/BlackLabel/eb9k5o7m/

Справочник по API: https://api.highcharts.com/highcharts/annotations

Документы: https://www.highcharts.com/docs/advanced-chart-features/annotations-module