Shape Annotation

shape 속성으로 지정한 도형을 차트나 body(시리즈가 표시되는 plotting 영역)의 지정한 위치에 표시한다.

shape 속성으로 표시할 도형을. 'circle', 'diamond', 'square', 'triangle', 'star', 'rectangle' 등으로 설정할 수 있다.
위 쪽 큰 별은 noClip이 true로 설정돼서 body 영역 바깥까지 표시되고 있다.
아래쪽 쪽 큰 별은 noClip이 설정되지 않아 body 영역에 클립되고 있다.
중간의 긴 직사각형은 front가 true로 설정돼서 시리즈 위에 표시되고 있다. 'fill'을 'white'로 지정해서 아래쪽 시리즈 부분이 표시되지 않는다.
또, 이 직사각형과 오른쪽 점선 사각형은 x1, x2, y1, y2로 위치와 크기가 설정돼서 차트 inverted를 true로 지정해도 아래 그림처럼 위치가 유지된다.

설정

'type'을 'image'로 지정한다.

    anntations: [{
        type: 'image',
        shape: 'rectangle',
        rotation: -20,
        style: {
            stroke: 'red',
            strokeWidth: '3px'
        }
    }]

'type'을 지정하지 않고, shape을 지정하면 'image'로 지정한 것과 동일하다.

    anntations: [{
        imageUrl: '/images/chart.png',
    }]

Shape Annotation

설정

See Also