Angular チャート API
Ignite UI for Angular チャートは、IgxCategoryChartComponent、IgxFinancialChartComponent、IgxDataChartComponent、IgxDataPieChartComponent、IgxDoughnutChartComponent、IgxPieChartComponent、および IgxSparklineComponent UI 要素でデータをプロットするためのシンプルで使いやすい API を提供します。
Angular カテゴリ チャート API
Angular IgxCategoryChartComponent には次の 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 |
Angular ファイナンシャル チャート API
Angular IgxFinancialChartComponent には次の API メンバーがあります。
| チャート プロパティ | 軸プロパティ | シリーズ プロパティ |
|---|---|---|
- 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 |
Angular データ チャート API
Angular IgxDataChartComponent には次の API メンバーがあります。
| チャート プロパティ | 軸クラス |
|---|---|
- chartTitle - subtitle - isHorizontalZoomEnabled - isVerticalZoomEnabled - brushes - outlines - markerBrushes - markerOutlines - XamDataChart.Axes - IgxSeriesComponent |
- IgxAxisComponent はすべての軸タイプの基本クラスです - カテゴリ シリーズ、積層型シリーズ、およびファイナンシャル シリーズで使用される IgxCategoryXAxisComponent - カテゴリ シリーズおよび積層型シリーズで使用される IgxCategoryYAxisComponent - ラジアル シリーズで使用される IgxCategoryAngleAxisComponent - 散布シリーズおよび棒シリーズで使用される IgxNumericXAxisComponent - 散布シリーズ、カテゴリ シリーズ、積層型シリーズ、およびファイナンシャル シリーズで使用される IgxNumericYAxisComponent - 極座標シリーズで使用される IgxNumericAngleAxisComponent - 極座標シリーズ およびラジアル シリーズで使用される IgxNumericRadiusAxisComponent - カテゴリ シリーズおよびファイナンシャル シリーズで使用される IgxTimeXAxisComponent |
Angular IgxDataChartComponent は、IgxSeriesComponent から継承する次のタイプのシリーズを使用できます。
Angular データ凡例の API
Angular IgxDataLegendComponent には次の API メンバーがあります:
includedColumnsexcludedColumnsincludedSeriesexcludedSeriesvalueFormatAbbreviationvalueFormatModevalueFormatCulturevalueFormatMinFractionsvalueFormatMaxFractionsvalueTextColortitleTextColorlabelTextColorunitsTextColorsummaryTypeheaderTextColorbadgeShape
Angular ドーナツ チャート API
Angular IgxDoughnutChartComponent には、次の API メンバーがあります。
Angular データ円チャート API
Angular IgxDataPieChartComponent には、次の API メンバーがあります。
chartTypehighlightingBehaviorothersCategoryThresholdothersCategoryTypeselectionModeselectionBehavior
Angular 円チャート API
Angular IgxPieChartComponent には、次の API メンバーがあります。
legendItemBadgeTemplatelegendItemTemplatelegendLabelMemberPathothersCategoryThresholdothersCategoryTypeselectionMode
Angular スパークライン チャート API
Angular IgxSparklineComponent には、次の API メンバーがあります。
displayNormalRangeInFrontdisplayTypelowMarkerBrushlowMarkerSizelowMarkerVisibilitynormalRangeFillunknownValuePlotting
その他のリソース
チャートの詳細については、次のトピックを参照してください。