Angular 단계 차트

    Ignite UI for Angular Step Chart는 연속적인 수직선과 수평선으로 연결된 점의 모음으로 렌더링되는 범주 차트 그룹에 속합니다. 값은 y축에 표시되고 범주는 x축에 표시됩니다. Step Chart는 시간 경과에 따른 변화량을 강조하거나 여러 항목을 비교합니다.

    Angular Step Area Chart

    아래 예제에서 보듯이 컨트롤에서IgxCategoryChartComponent 속성을 열거(enum)로chartType 설정StepArea 하여 Angular 단계 영역 차트을 만들 수 있습니다.

    Angular Step Line Chart

    Angular 계단 선형 차트 선 아래의 영역이 채워져 있는 점을 제외하면 계단 영역 차트와 매우 유사합니다.

    아래 예시처럼 데이터를 묶고 속성을 값으로IgxCategoryChartComponent 설정chartType 하여 컨트롤에서StepLine Step 선형 차트을 만들 수 있습니다.

    Angular Step Chart Styling

    복합 기타 연속 등 더 많은 기능이 있는 Step 차트가 필요하다면, 아래 시연처럼 컨트롤에서markerTypes linemarkerBrushes​markerOutlines​brushes', lines'outlines, lines'IgxCategoryChartComponent 속성을 설정할 수 있습니다.

    Additional Resources

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

    API References

    다음 표에는 위 섹션에서 언급된 API 멤버가 나열되어 있습니다.