보통 차트 솔루션은 x, y, z 축을 통해 데이터를 입력하게 되는데요.

tooltip에서 좀 더 다양한 정보를 제공해주려면 data을 Array가 아닌 Object로 전달해줘야 하는데요.

highchart에서 제공되는 arearange 차트를 사용하려고 하니까 샘플코드가 전부 Array 타입으로 된 것만 있네요.

arearange 차트에서 좌표값 전달 시 아래 방식으로 object 구성 해주시면 됩니다.

// Array
series: {
    name: 'range'
    data: [
        [x_value, low_value, high_value], // custom value는??
        [x_vlaue, low_value, high_value],
        [x_vlaue, low_value, high_value]
    ]
}

// Object
series: {
    name: 'range'
    data: [
        {
            x: x_value,
            low: low_value,
            high: high_value,
            custom_value1: custom_value1,
            custom_value2: custom_value2
        },
        {
            x: x_value,
            low: low_value,
            high: high_value,
            custom_value1: custom_value1,
            custom_value2: custom_value2
        }
    ]
}