React 차트 API

Ignite UI for React IgrCategoryChart, IgrFinancialChart, IgrDataChart, IgrDataPieChart, IgrDoughnutChart, IgrPieChart 및 IgrSparkline UI 요소에 데이터를 그리는 간단하고 사용하기 쉬운 API를 제공합니다.

React Category Chart API

React IgrCategoryChart 에는 다음과 같은 API 멤버가 있습니다.

차트 속성	축 속성	계열 속성
- `chartType` - `excludedProperties` - `includedProperties` - `isHorizontalZoomEnabled` - `isVerticalZoomEnabled` - `crosshairsDisplayMode` - `transitionInMode` - `highlightingBehavior` - `highlightingMode` - `trendLineType`	- `xAxisInterval` - `xAxisLabelLocation` - `xAxisGap` - `xAxisOverlap` - `xAxisTitle` - `yAxisInterval` - `yAxisLabelLocation` - `yAxisTitle` - `yAxisMinimumValue` - `yAxisMaximumValue`	- `brushes` - `outlines` - `markerBrushes` - `markerOutlines` - `markerTypes` - `toolTipType`

React Financial Chart API

The React IgrFinancialChart has the following API members:

차트 속성	축 속성	계열 속성
- `chartType` - `excludedProperties` - `includedProperties` - `isHorizontalZoomEnabled` - `isVerticalZoomEnabled` - `toolTipType` - `crosshairsDisplayMode` - `highlightingBehavior` - `highlightingMode` - `trendLineType`	- `xAxisInterval` - `xAxisLabelLocation` - `xAxisTitle` - `yAxisInterval` - `yAxisLabelLocation` - `yAxisTitle` - `yAxisMinimumValue` - `yAxisMaximumValue` - `yAxisMode` - `xAxisMode`	- `brushes` - `outlines` - `markerBrushes` - `markerOutlines` - `markerTypes` - `indicatorTypes` - `volumeType` - `zoomSliderType`

React Data Chart API

The React IgrDataChart has the following API members:

차트 속성 축 클래스

- chartTitle
- subtitle
- isHorizontalZoomEnabled
- isVerticalZoomEnabled
- brushes
- outlines
- markerBrushes
- markerOutlines
- XamDataChart.Axes
- IgrSeries -IgrAxis는 모든 축 유형에 대한 기본 클래스입니다.
-IgrCategoryXAxisCategory Series, Stacked Series 및 Financial Series와 함께 사용
-IgrCategoryYAxis카테고리 시리즈, 스택 시리즈와 함께 사용
-IgrCategoryAngleAxis방사형 시리즈와 함께 사용
-IgrNumericXAxisScatter 시리즈 및 Bar 시리즈와 함께 사용
-IgrNumericYAxisScatter Series, Category Series, Stacked Series 및 Financial Series와 함께 사용
-IgrNumericAngleAxisPolar 시리즈와 함께 사용
-IgrNumericRadiusAxisPolar 시리즈 및 Radial 시리즈와 함께 사용
-IgrTimeXAxis카테고리 시리즈 및 금융 시리즈와 함께 사용

차트 속성	축 클래스
- `chartTitle` - `subtitle` - `isHorizontalZoomEnabled` - `isVerticalZoomEnabled` - `brushes` - `outlines` - `markerBrushes` - `markerOutlines` - `XamDataChart.Axes` - `IgrSeries`	-`IgrAxis`는 모든 축 유형에 대한 기본 클래스입니다. -`IgrCategoryXAxis`Category Series, Stacked Series 및 Financial Series와 함께 사용 -`IgrCategoryYAxis`카테고리 시리즈, 스택 시리즈와 함께 사용 -`IgrCategoryAngleAxis`방사형 시리즈와 함께 사용 -`IgrNumericXAxis`Scatter 시리즈 및 Bar 시리즈와 함께 사용 -`IgrNumericYAxis`Scatter Series, Category Series, Stacked Series 및 Financial Series와 함께 사용 -`IgrNumericAngleAxis`Polar 시리즈와 함께 사용 -`IgrNumericRadiusAxis`Polar 시리즈 및 Radial 시리즈와 함께 사용 -`IgrTimeXAxis`카테고리 시리즈 및 금융 시리즈와 함께 사용

React IgrDataChart IgrSeries에서 상속된 다음 유형의 시리즈를 사용할 수 있습니다.

카테고리 시리즈	누적 시리즈
- `IgrAreaSeries` - `IgrBarSeries` - `IgrColumnSeries` - `IgrLineSeries` - `IgrPointSeries` - `IgrSplineSeries` - `IgrSplineAreaSeries` - `IgrStepLineSeries` - `IgrStepAreaSeries` - `IgrRangeAreaSeries` - `IgrRangeColumnSeries` - `IgrWaterfallSeries`	- `IgrStackedAreaSeries` - `IgrStackedBarSeries` - `IgrStackedColumnSeries` - `IgrStackedLineSeries` - `IgrStackedSplineSeries` - `IgrStacked100AreaSeries` - `IgrStacked100BarSeries` - `IgrStacked100ColumnSeries` - `IgrStacked100LineSeries` - `IgrStacked100SplineSeries`

스캐터 시리즈	금융 시리즈
- `IgrBubbleSeries` - `IgrHighDensityScatterSeries` - `IgrScatterSeries` - `IgrScatterLineSeries` - `IgrScatterSplineSeries` - `IgrScatterAreaSeries` - `IgrScatterContourSeries` - `IgrScatterPolylineSeries` - `IgrScatterPolygonSeries`	-`IgrFinancialPriceSeries` -`IgrBollingerBandsOverlay` -`IgrForceIndexIndicator` -`IgrMedianPriceIndicator` -`IgrMassIndexIndicator` -`IgrRelativeStrengthIndexIndicator` -`IgrStandardDeviationIndicator` -`IgrTypicalPriceIndicator` -`IgrWeightedCloseIndicator` - 그 외 다수

방사형 시리즈	폴라 시리즈
- `IgrRadialLineSeries` - `IgrRadialAreaSeries` - `IgrRadialPieSeries` - `IgrRadialColumnSeries`	- `IgrPolarScatterSeries` - `IgrPolarLineSeries` - `IgrPolarAreaSeries` - `IgrPolarSplineSeries` - `IgrPolarSplineAreaSeries`

React Data Legend API

The React IgrDataLegend has the following API members:

React Donut Chart API

The React IgrDoughnutChart has the following API members:

React Data Pie Chart API

React IgrDataPieChart 에는 다음과 같은 API 멤버가 있습니다.

React Pie Chart API

The React IgrPieChart has the following API members:

React Sparkline Chart API

The React IgrSparkline has the following API members:

Additional Resources

다음 주제에서 차트에 대한 자세한 정보를 찾을 수 있습니다.