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 メンバーがあります:
includedColumns
excludedColumns
includedSeries
excludedSeries
valueFormatAbbreviation
valueFormatMode
valueFormatCulture
valueFormatMinFractions
valueFormatMaxFractions
valueTextColor
titleTextColor
labelTextColor
unitsTextColor
summaryType
headerTextColor
badgeShape
Angular ドーナツ チャート API
Angular IgxDoughnutChartComponent
には、次の API メンバーがあります。
Angular データ円チャート API
Angular IgxDataPieChartComponent
には、次の API メンバーがあります。
chartType
highlightingBehavior
othersCategoryThreshold
othersCategoryType
selectionMode
selectionBehavior
Angular 円チャート API
Angular IgxPieChartComponent
には、次の API メンバーがあります。
legendItemBadgeTemplate
legendItemTemplate
legendLabelMemberPath
othersCategoryThreshold
othersCategoryType
selectionMode
Angular スパークライン チャート API
Angular IgxSparklineComponent
には、次の API メンバーがあります。
displayNormalRangeInFront
displayType
lowMarkerBrush
lowMarkerSize
lowMarkerVisibility
normalRangeFill
unknownValuePlotting
その他のリソース
チャートの詳細については、次のトピックを参照してください。