Web Components 차트 마커

Ignite UI for Web Components에서 마커는 차트의 플롯 영역에 있는 데이터 포인트 값을 표시하는 시각적 요소입니다. 마커를 사용하면 값이 주요 격자선이나 보조 격자선 사이에 있는 경우에도 최종 사용자가 데이터 포인트의 값을 즉시 식별할 수 있습니다.

Web Components 차트 표시기 예

다음 예제에서 선형 차트는 2009년부터 2019년까지 유럽, 중국, 미국 국가의 재생 가능 전기 생성량을 MarkerType 속성을 Circle enum 값으로 설정하여 활성화된 마커와 비교합니다.

아래 샘플에서 markerBrushes 및 markerOutlines 속성을 설정하여 마커의 색상도 관리됩니다. 이 샘플에서는 드롭다운을 사용하여 마커와 chartType 구성할 수도 있습니다.

Web Components 차트 마커 템플릿

마커 속성 외에도 함수를 설정하여 자신만의 마커를 구현할 수 있습니다. MarkerTemplate에서 렌더링된 시리즈의 속성 IgcCategoryChartComponent 아래 예에 설명된 대로 제어합니다.

Additional Resources

다음 항목에서 관련 차트 기능에 대한 자세한 내용을 확인할 수 있습니다.

API References

다음은 위 섹션에서 언급된 API 멤버 목록입니다.