Premium

Angular チャート API

Ignite UI for Angular チャートは、IgxCategoryChartComponent、IgxFinancialChartComponent、IgxDataChartComponent、IgxDataPieChartComponent、IgxDoughnutChartComponent、IgxPieChartComponent、および IgxSparklineComponent UI 要素でデータをプロットするためのシンプルで使いやすい API を提供します。

Angular カテゴリチャート API

Angular IgxCategoryChartComponent には次の API メンバーがあります。

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

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

Angular IgxFinancialChartComponent には次の API メンバーがあります。

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

Angular データチャート API

Angular IgxDataChartComponent には次の API メンバーがあります。

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

- IgxSeriesViewerComponent.chartTitle
- IgxSeriesViewerComponent.subtitle
- isHorizontalZoomEnabled
- isVerticalZoomEnabled
- brushes
- outlines
- markerBrushes
- markerOutlines
- IgxDataChartComponent.axes
- IgxDataChartComponent.series - IgxAxisComponent はすべての軸タイプの基本クラスです
- カテゴリシリーズ、積層型シリーズ、およびファイナンシャルシリーズで使用される IgxCategoryXAxisComponent
- カテゴリシリーズおよび積層型シリーズで使用される IgxCategoryYAxisComponent
- ラジアルシリーズで使用される IgxCategoryAngleAxisComponent
- 散布シリーズおよび棒シリーズで使用される IgxNumericXAxisComponent
- 散布シリーズ、カテゴリシリーズ、積層型シリーズ、およびファイナンシャルシリーズで使用される IgxNumericYAxisComponent
- 極座標シリーズで使用される IgxNumericAngleAxisComponent
- 極座標シリーズおよびラジアルシリーズで使用される IgxNumericRadiusAxisComponent
- カテゴリシリーズおよびファイナンシャルシリーズで使用される IgxTimeXAxisComponent

チャートプロパティ	軸クラス
- `IgxSeriesViewerComponent.chartTitle` - `IgxSeriesViewerComponent.subtitle` - `isHorizontalZoomEnabled` - `isVerticalZoomEnabled` - `brushes` - `outlines` - `markerBrushes` - `markerOutlines` - `IgxDataChartComponent.axes` - `IgxDataChartComponent.series`	- `IgxAxisComponent` はすべての軸タイプの基本クラスです - カテゴリシリーズ、積層型シリーズ、およびファイナンシャルシリーズで使用される `IgxCategoryXAxisComponent` - カテゴリシリーズおよび積層型シリーズで使用される `IgxCategoryYAxisComponent` - ラジアルシリーズで使用される `IgxCategoryAngleAxisComponent` - 散布シリーズおよび棒シリーズで使用される `IgxNumericXAxisComponent` - 散布シリーズ、カテゴリシリーズ、積層型シリーズ、およびファイナンシャルシリーズで使用される `IgxNumericYAxisComponent` - 極座標シリーズで使用される `IgxNumericAngleAxisComponent` - 極座標シリーズおよびラジアルシリーズで使用される `IgxNumericRadiusAxisComponent` - カテゴリシリーズおよびファイナンシャルシリーズで使用される `IgxTimeXAxisComponent`

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

カテゴリシリーズ	積層シリーズ
- `IgxAreaSeriesComponent` - `IgxBarSeriesComponent` - `IgxColumnSeriesComponent` - `IgxLineSeriesComponent` - `IgxPointSeriesComponent` - `IgxSplineSeriesComponent` - `IgxSplineAreaSeriesComponent` - `IgxStepLineSeriesComponent` - `IgxStepAreaSeriesComponent` - `IgxRangeAreaSeriesComponent` - `IgxRangeColumnSeriesComponent` - `IgxWaterfallSeriesComponent`	- `IgxStackedAreaSeriesComponent` - `IgxStackedBarSeriesComponent` - `IgxStackedColumnSeriesComponent` - `IgxStackedLineSeriesComponent` - `IgxStackedSplineSeriesComponent` - `IgxStacked100AreaSeriesComponent` - `IgxStacked100BarSeriesComponent` - `IgxStacked100ColumnSeriesComponent` - `IgxStacked100LineSeriesComponent` - `IgxStacked100SplineSeriesComponent`

散布シリーズ	ファイナンシャルシリーズ
- `IgxBubbleSeriesComponent` - `IgxHighDensityScatterSeriesComponent` - `IgxScatterSeriesComponent` - `IgxScatterLineSeriesComponent` - `IgxScatterSplineSeriesComponent` - `IgxScatterAreaSeriesComponent` - `IgxScatterContourSeriesComponent` - `IgxScatterPolylineSeriesComponent` - `IgxScatterPolygonSeriesComponent`	- `IgxFinancialPriceSeriesComponent` - `IgxBollingerBandsOverlayComponent` - `IgxForceIndexIndicatorComponent` - `IgxMedianPriceIndicatorComponent` - `IgxMassIndexIndicatorComponent` - `IgxRelativeStrengthIndexIndicatorComponent` - `IgxStandardDeviationIndicatorComponent` - `IgxTypicalPriceIndicatorComponent` - `IgxWeightedCloseIndicatorComponent` - おとびその他

ラジアルシリーズ	極座標シリーズ
- `IgxRadialLineSeriesComponent` - `IgxRadialAreaSeriesComponent` - `IgxRadialPieSeriesComponent` - `IgxRadialColumnSeriesComponent`	- `IgxPolarScatterSeriesComponent` - `IgxPolarLineSeriesComponent` - `IgxPolarAreaSeriesComponent` - `IgxPolarSplineSeriesComponent` - `IgxPolarSplineAreaSeriesComponent`

Angular データ凡例の API

Angular IgxDataLegendComponent には次の API メンバーがあります:

Angular ドーナツチャート API

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

Angular データ円チャート API

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

Angular 円チャート API

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

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

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

その他のリソース

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

Angular チャート API

Angular カテゴリ チャート API

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

Angular データ チャート API