Highcharts 如何在面积范围图的点数据中包含自定义数据

Highcharts 如何在面积范围图的点数据中包含自定义数据,highcharts,Highcharts,我正在海图中创建一个面积范围图。此图表中的数据以数组的形式传递,如[[1,2,3],…]。我是否可以在这一点上传递自定义数据,如[[1,2,3,“abc:12”]、[5,6,7,“abc:14”…] 如果要传递每个点的自定义数据,请让我知道如何传递。您可以使用键属性映射值,例如在工具提示中使用自定义值: Highcharts.chart('container', { series: [{ keys: ['x', 'low', 'high', 'customValue'],

我正在海图中创建一个面积范围图。此图表中的数据以数组的形式传递,如[[1,2,3],…]。我是否可以在这一点上传递自定义数据,如[[1,2,3,“abc:12”]、[5,6,7,“abc:14”…]


如果要传递每个点的自定义数据,请让我知道如何传递。

您可以使用
属性映射值,例如在工具提示中使用自定义值:

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}'
    }
});
现场演示:

API参考:

或将序列数据定义为对象数组:

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"
    }]
}]

现场演示:

非常感谢ppotaczek的回复。您好@Pravenejala,我很高兴能为您提供帮助。你可以投票并接受答案: