Premium

Web Components チャート API

Ignite UI for Web Components チャートは、IgcCategoryChartComponent、IgcFinancialChartComponent、IgcDataChartComponent、IgcDataPieChartComponent、IgcDoughnutChartComponent、IgcPieChartComponent、および IgcSparklineComponent UI 要素でデータをプロットするためのシンプルで使いやすい API を提供します。

Web Components カテゴリチャート API

Web Components IgcCategoryChartComponent には次の API メンバーがあります。

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

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

Web Components IgcFinancialChartComponent には次の API メンバーがあります。

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

Web Components データチャート API

Web Components IgcDataChartComponent には次の API メンバーがあります。

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

- IgcSeriesViewerComponent.chartTitle
- IgcSeriesViewerComponent.subtitle
- isHorizontalZoomEnabled
- isVerticalZoomEnabled
- brushes
- outlines
- markerBrushes
- markerOutlines
- IgcDataChartComponent.axes
- IgcDataChartComponent.series - IgcAxisComponent はすべての軸タイプの基本クラスです
- カテゴリシリーズ、積層型シリーズ、およびファイナンシャルシリーズで使用される IgcCategoryXAxisComponent
- カテゴリシリーズおよび積層型シリーズで使用される IgcCategoryYAxisComponent
- ラジアルシリーズで使用される IgcCategoryAngleAxisComponent
- 散布シリーズおよび棒シリーズで使用される IgcNumericXAxisComponent
- 散布シリーズ、カテゴリシリーズ、積層型シリーズ、およびファイナンシャルシリーズで使用される IgcNumericYAxisComponent
- 極座標シリーズで使用される IgcNumericAngleAxisComponent
- 極座標シリーズおよびラジアルシリーズで使用される IgcNumericRadiusAxisComponent
- カテゴリシリーズおよびファイナンシャルシリーズで使用される IgcTimeXAxisComponent

チャートプロパティ	軸クラス
- `IgcSeriesViewerComponent.chartTitle` - `IgcSeriesViewerComponent.subtitle` - `isHorizontalZoomEnabled` - `isVerticalZoomEnabled` - `brushes` - `outlines` - `markerBrushes` - `markerOutlines` - `IgcDataChartComponent.axes` - `IgcDataChartComponent.series`	- `IgcAxisComponent` はすべての軸タイプの基本クラスです - カテゴリシリーズ、積層型シリーズ、およびファイナンシャルシリーズで使用される `IgcCategoryXAxisComponent` - カテゴリシリーズおよび積層型シリーズで使用される `IgcCategoryYAxisComponent` - ラジアルシリーズで使用される `IgcCategoryAngleAxisComponent` - 散布シリーズおよび棒シリーズで使用される `IgcNumericXAxisComponent` - 散布シリーズ、カテゴリシリーズ、積層型シリーズ、およびファイナンシャルシリーズで使用される `IgcNumericYAxisComponent` - 極座標シリーズで使用される `IgcNumericAngleAxisComponent` - 極座標シリーズおよびラジアルシリーズで使用される `IgcNumericRadiusAxisComponent` - カテゴリシリーズおよびファイナンシャルシリーズで使用される `IgcTimeXAxisComponent`

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

カテゴリシリーズ	積層シリーズ
- `IgcAreaSeriesComponent` - `IgcBarSeriesComponent` - `IgcColumnSeriesComponent` - `IgcLineSeriesComponent` - `IgcPointSeriesComponent` - `IgcSplineSeriesComponent` - `IgcSplineAreaSeriesComponent` - `IgcStepLineSeriesComponent` - `IgcStepAreaSeriesComponent` - `IgcRangeAreaSeriesComponent` - `IgcRangeColumnSeriesComponent` - `IgcWaterfallSeriesComponent`	- `IgcStackedAreaSeriesComponent` - `IgcStackedBarSeriesComponent` - `IgcStackedColumnSeriesComponent` - `IgcStackedLineSeriesComponent` - `IgcStackedSplineSeriesComponent` - `IgcStacked100AreaSeriesComponent` - `IgcStacked100BarSeriesComponent` - `IgcStacked100ColumnSeriesComponent` - `IgcStacked100LineSeriesComponent` - `IgcStacked100SplineSeriesComponent`

散布シリーズ	ファイナンシャルシリーズ
- `IgcBubbleSeriesComponent` - `IgcHighDensityScatterSeriesComponent` - `IgcScatterSeriesComponent` - `IgcScatterLineSeriesComponent` - `IgcScatterSplineSeriesComponent` - `IgcScatterAreaSeriesComponent` - `IgcScatterContourSeriesComponent` - `IgcScatterPolylineSeriesComponent` - `IgcScatterPolygonSeriesComponent`	- `IgcFinancialPriceSeriesComponent` - `IgcBollingerBandsOverlayComponent` - `IgcForceIndexIndicatorComponent` - `IgcMedianPriceIndicatorComponent` - `IgcMassIndexIndicatorComponent` - `IgcRelativeStrengthIndexIndicatorComponent` - `IgcStandardDeviationIndicatorComponent` - `IgcTypicalPriceIndicatorComponent` - `IgcWeightedCloseIndicatorComponent` - おとびその他

ラジアルシリーズ	極座標シリーズ
- `IgcRadialLineSeriesComponent` - `IgcRadialAreaSeriesComponent` - `IgcRadialPieSeriesComponent` - `IgcRadialColumnSeriesComponent`	- `IgcPolarScatterSeriesComponent` - `IgcPolarLineSeriesComponent` - `IgcPolarAreaSeriesComponent` - `IgcPolarSplineSeriesComponent` - `IgcPolarSplineAreaSeriesComponent`

Web Components データ凡例の API

Web Components IgcDataLegendComponent には次の API メンバーがあります:

Web Components ドーナツチャート API

Web Components IgcDoughnutChartComponent には、次の API メンバーがあります。

Web Components データ円チャート API

Web Components IgcDataPieChartComponent には、次の API メンバーがあります。

Web Components 円チャート API

Web Components IgcPieChartComponent には、次の API メンバーがあります。

Web Components スパークラインチャート API

Web Components IgcSparklineComponent には、次の API メンバーがあります。

その他のリソース

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

Web Components チャート API

Web Components カテゴリ チャート API

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

Web Components データ チャート API