Premium

React チャート API

Ignite UI for React チャートは、IgrCategoryChart、IgrFinancialChart、IgrDataChart、IgrDataPieChart、IgrDoughnutChart、IgrPieChart、および IgrSparkline UI 要素でデータをプロットするためのシンプルで使いやすい API を提供します。

React カテゴリチャート API

React IgrCategoryChart には次の API メンバーがあります。

チャートプロパティ	軸プロパティ	シリーズプロパティ
- `IgrCategoryChart.chartType` - `excludedProperties` - `includedProperties` - `IgrDataChart.isHorizontalZoomEnabled` - `IgrDataChart.isVerticalZoomEnabled` - `IgrCategoryChart.crosshairsDisplayMode` - `transitionInMode` - `IgrDataChart.highlightingBehavior` - `IgrDataChart.highlightingMode` - `IgrCategoryChart.trendLineType`	- `xAxisInterval` - `IgrCategoryChart.xAxisLabelLocation` - `xAxisGap` - `xAxisOverlap` - `xAxisTitle` - `yAxisInterval` - `IgrCategoryChart.yAxisLabelLocation` - `yAxisTitle` - `yAxisMinimumValue` - `yAxisMaximumValue`	- `IgrDataChart.brushes` - `IgrDataChart.outlines` - `IgrDataChart.markerBrushes` - `IgrDataChart.markerOutlines` - `markerTypes` - `IgrCategoryChart.toolTipType`

React ファイナンシャルチャート API

React IgrFinancialChart には次の API メンバーがあります。

チャートプロパティ	軸プロパティ	シリーズプロパティ
- `IgrFinancialChart.chartType` - `IgrCategoryChart.excludedProperties` - `IgrCategoryChart.includedProperties` - `IgrDataChart.isHorizontalZoomEnabled` - `IgrDataChart.isVerticalZoomEnabled` - `IgrCategoryChart.toolTipType` - `IgrCategoryChart.crosshairsDisplayMode` - `IgrDataChart.highlightingBehavior` - `IgrDataChart.highlightingMode` - `IgrCategoryChart.trendLineType`	- `xAxisInterval` - `IgrCategoryChart.xAxisLabelLocation` - `IgrCategoryChart.xAxisTitle` - `IgrCategoryChart.yAxisInterval` - `IgrCategoryChart.yAxisLabelLocation` - `IgrCategoryChart.yAxisTitle` - `IgrCategoryChart.yAxisMinimumValue` - `IgrCategoryChart.yAxisMaximumValue` - `yAxisMode` - `xAxisMode`	- `IgrDataChart.brushes` - `IgrDataChart.outlines` - `IgrDataChart.markerBrushes` - `IgrDataChart.markerOutlines` - `IgrCategoryChart.markerTypes` - `indicatorTypes` - `volumeType` - `zoomSliderType`

React データチャート API

React IgrDataChart には次の API メンバーがあります。

チャートプロパティ軸クラス

- IgrSeriesViewer.chartTitle
- IgrSeriesViewer.subtitle
- isHorizontalZoomEnabled
- isVerticalZoomEnabled
- brushes
- outlines
- markerBrushes
- markerOutlines
- IgrDataChart.axes
- IgrDataChart.series - IgrAxis はすべての軸タイプの基本クラスです
- カテゴリシリーズ、積層型シリーズ、およびファイナンシャルシリーズで使用される IgrCategoryXAxis
- カテゴリシリーズおよび積層型シリーズで使用される IgrCategoryYAxis
- ラジアルシリーズで使用される IgrCategoryAngleAxis
- 散布シリーズおよび棒シリーズで使用される IgrNumericXAxis
- 散布シリーズ、カテゴリシリーズ、積層型シリーズ、およびファイナンシャルシリーズで使用される IgrNumericYAxis
- 極座標シリーズで使用される IgrNumericAngleAxis
- 極座標シリーズおよびラジアルシリーズで使用される IgrNumericRadiusAxis
- カテゴリシリーズおよびファイナンシャルシリーズで使用される IgrTimeXAxis

チャートプロパティ	軸クラス
- `IgrSeriesViewer.chartTitle` - `IgrSeriesViewer.subtitle` - `isHorizontalZoomEnabled` - `isVerticalZoomEnabled` - `brushes` - `outlines` - `markerBrushes` - `markerOutlines` - `IgrDataChart.axes` - `IgrDataChart.series`	- `IgrAxis` はすべての軸タイプの基本クラスです - カテゴリシリーズ、積層型シリーズ、およびファイナンシャルシリーズで使用される `IgrCategoryXAxis` - カテゴリシリーズおよび積層型シリーズで使用される `IgrCategoryYAxis` - ラジアルシリーズで使用される `IgrCategoryAngleAxis` - 散布シリーズおよび棒シリーズで使用される `IgrNumericXAxis` - 散布シリーズ、カテゴリシリーズ、積層型シリーズ、およびファイナンシャルシリーズで使用される `IgrNumericYAxis` - 極座標シリーズで使用される `IgrNumericAngleAxis` - 極座標シリーズおよびラジアルシリーズで使用される `IgrNumericRadiusAxis` - カテゴリシリーズおよびファイナンシャルシリーズで使用される `IgrTimeXAxis`

React IgrDataChart は、IgrDataChart.series から継承する次のタイプのシリーズを使用できます。

カテゴリシリーズ	積層シリーズ
- `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 データ凡例の API

React IgrDataLegend には次の API メンバーがあります:

React ドーナツチャート API

React IgrDoughnutChart には、次の API メンバーがあります。

React データ円チャート API

React IgrDataPieChart には、次の API メンバーがあります。

React 円チャート API

React IgrPieChart には、次の API メンバーがあります。

React スパークラインチャート API

React IgrSparkline には、次の API メンバーがあります。

その他のリソース

チャートの詳細については、次のトピックを参照してください。

React チャート API

React カテゴリ チャート API

React ファイナンシャル チャート API

React データ チャート API