Как я могу установить различное расстояние каждой точки на временной шкале старшей диаграммы?

Question

Я видел Highchart's timeline chart, который настраивает каждую точку dataLabel.
Я хочу добавить опцию dataLabel, чтобы установить разные distance для каждой точки (данные). Поэтому я добавил опцию, как показано ниже:

Но когда я использую этот код, похоже, опция distance не работает. все расстояние dataLabel's одинаково.

Как я могу это решить? Я что-то не так использовал?

Highcharts.chart('container', {
    chart: {
        type: 'timeline'
    },
    series: [{
        data: [{
            date: 'Some date',
            label: 'Event label',
            description: 'Description of this event.',
            dataLabels: {
                color: '#78f',
                borderColor: 'blue',
                backgroundColor: '#444',
                connectorWidth: 2,
                connectorColor: 'blue',
                distance : 80, // I add this option for different distance
                style: {
                    textOutline: 0
                }
            }
        },{
            date: 'Another date',
            label: 'Last event label',
            description: 'Description of third event.',
            dataLabels :{
                 distance : 20
           }
        }]
    }]
});

Answer 1

Вместо distance, установленной для всех меток данных, вы можете использовать свойство y:

series: [{
    data: [{
        ...,
        dataLabels: {
            y: -50,
            ...
        }
    }, {
        ...,
        dataLabels: {
            y: 120
        }
    }]
}]

---

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

Справочник по API: https://api.highcharts.com/highcharts/series.timeline.dataLabels.y