React 단계 차트

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

    React Step Area Chart

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

    React Step Line Chart

    React Step 선형 차트 Step 영역 차트와 매우 유사하지만, 선 아래의 영역이 채워져 있습니다.

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

    React Step Chart Styling

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

    Additional Resources

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

    API References

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