Angular チャート API
Ignite UI for Angular チャートは、IgxCategoryChartComponent
、IgxFinancialChartComponent
、IgxDataChartComponent
、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 - PlotAreaMargin |
- 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 メンバーがあります。
allowSliceExplosion
allowSliceSelection
innerExtent
SliceClick
Angular 円チャート API メンバー
Angular IgxPieChartComponent
には、次の API メンバーがあります。
legendItemBadgeTemplate
legendItemTemplate
legendLabelMemberPath
othersCategoryThreshold
othersCategoryType
selectionMode
Angular スパークライン チャート API メンバー
Angular IgxSparklineComponent
には、次の API メンバーがあります。
displayNormalRangeInFront
displayType
lowMarkerBrush
lowMarkerSize
lowMarkerVisibility
normalRangeFill
unknownValuePlotting
その他のリソース
チャートの詳細については、次のトピックを参照してください。
ページを開く:
GitHub