콜아웃(Callout)

데이터포인트의 원래 표시 위치에서 떨어진 곳에 데이터포인트 뷰를 표시하고,
선을 그어 연결하는 방식에 대한 옵션.
데이터가 밀집된 지역이나 겹치는 값들 사이에서 분리하여 배치하기 위해 사용한다.

사용법

{
    series: [
        {
            type: 'bubble',
            callout: true,
            data: [
                {
                    value: 10,
                    coord: [40, 20],
                    offset: [[60, 20], [0, 15]],
                }
            ]
        }
    ]
}

• series.callout 속성을 통해 콜아웃 활성화 여부를 설정한다.
• 데이터의 offset 속성을 통해 콜아웃 뷰의 위치를 지정한다.
• offset은 2차원 배열로, 각 배열은 콜아웃 선을 구성하는 점의 좌표를 나타낸다.
• 위의 예시는 원점(coord)에서 시작하여 (60, 20) 위치로 이동한 후, (0, 15) 위치로 이동하여 콜아웃 뷰를 표시한다.

See Also

• 데모
• 차트 Configuration