가이드
Image Annotation

Image Annotation

imageUrl로 지정한 이미지를 차트나 body(시리즈가 표시되는 plotting 영역)의 지정한 위치에 표시한다.

imageUrl 속성에 표시할 이미지 경로를 설정한다.
왼쪽 위 첫쩨 이미지에는 backgroundStyle을 설정했다.
오른쪽 위 두번째 이미지는 front가 true로 설정돼서 시리즈 위에 표시되고 있다.
위 오른쪽에서 세번째 큰 이미지는 noClip이 true로 설정돼서 body 영역 바깥까지 표시되고 있다.
왼쪽 아래는 noClip이 설정되지 않아 body 영역에 클립되고 있다.

설정

어노테이션 type은 'image'로 지정한다. 또, 설정 옵션 모델은 ImageAnnotationOptions이고, 차트 구성 요소 모델은 ImageAnnotation이다.

    anntations: [{
        type: 'image',
        imageUrl: '/images/chart.png',
        rotation: -20
    }]

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

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

See Also