Angular 차트 마커
Ignite UI for Angular에서 마커는 차트의 플롯 영역에 데이터 포인트의 값을 표시하는 시각적 요소입니다. 마커는 값이 주요 또는 보조 그리드 선 사이에 있더라도 최종 사용자가 데이터 포인트의 값을 즉시 식별하는 데 도움이 됩니다.
Angular 차트 마커 예제
In the following example, the Line Chart is comparing the generation of renewable electricity for the countries Europe, China, and USA over the years of 2009 to 2019 with markers enabled by setting the MarkerType property to Circle enum value.
마커의 색상은 아래 샘플에서 와markerBrushes 속성을 설정markerOutlines 하여 관리합니다. 이 샘플에서는 드롭다운을 사용해 마커chartType와 설정을 할 수 있습니다.
Angular 차트 마커 템플릿
마커 속성 외에도, 함수를 설정하여 자신만의 마커를 구현할 수 있습니다.MarkerTemplate 다음과 같은 급수의 속성이IgxCategoryChartComponent 아래 예시에서 보여드리는 제어.
Additional Resources
다음 항목에서 관련 차트 기능에 대한 자세한 내용을 확인할 수 있습니다.
API References
다음은 위 섹션에서 언급된 API 멤버 목록입니다.
에서 페이지 보기
GitHub