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은 'shape'로 지정한다. 또, 설정 옵션 모델은 ShapeAnnotationOptions이고, 차트 구성 요소 모델은 ShapeAnnotation이다.

    anntations: [{
        shape: 'rectangle',
        x1: new Date(2020, 0),
        y1: 160,
        width: 200,
        height: 200,
        style: {
            fill: 'rgba(0, 0, 255, 0.19)'
        }
    }]

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

    anntations: [{
        shape: 'circle',
    }]

Shape Annotation

설정

See Also