Как включить пользовательские данные в точечные данные диаграммы области

Question

Я создаю диаграмму области в Highcharts.Данные на эту диаграмму передаются в виде массива, например [[1,2,3], ..].Могу ли я передать пользовательские данные в этой точке, как [[1,2,3, "abc: 12"], [5,6,7, "abc: 14"] ..].

Если я хочучтобы передать пользовательские данные для каждой точки, пожалуйста, дайте мне знать, как пройти.

Answer 1

Вы можете использовать свойство keys для сопоставления значений и, например, использовать пользовательское значение во всплывающей подсказке:

Highcharts.chart('container', {
    series: [{
        keys: ['x', 'low', 'high', 'customValue'],
        type: 'arearange',
        data: [
            [1, 2, 3, "abc:12"],
            [5, 6, 7, "abc:14"]
        ]
    }],
    tooltip: {
        pointFormat: '{point.customValue}'
    }
});

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

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

Или определите данные серии как массив объектов:

series: [{
    keys: ['x', 'low', 'high', 'customValue'],
    type: 'arearange',
    data: [{
        x: 1,
        low: 2,
        high: 3,
        customValue: "abc:12"
    }, {
        x: 5,
        low: 6,
        high: 7,
        customValue: "abc:14"
    }]
}]

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