Web Components 단계 차트

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

    Web Components Step Area Chart

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

    Web Components Step Line Chart

    Web Components 단계 선형 차트는 영역 차트 단계와 매우 유사합니다. , 줄 아래 영역이 채워져 있다는 점이 다릅니다.

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

    Web Components Step Chart Styling

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

    Additional Resources

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

    API References

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