Web Components チャート API
Ignite UI for Web Components チャートは、IgcCategoryChartComponent、IgcFinancialChartComponent、IgcDataChartComponent、IgcDataPieChartComponent、IgcDoughnutChartComponent、IgcPieChartComponent、および IgcSparklineComponent UI 要素でデータをプロットするためのシンプルで使いやすい API を提供します。
Web Components カテゴリ チャート API
Web Components IgcCategoryChartComponent には次の 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 |
Web Components ファイナンシャル チャート API
Web Components IgcFinancialChartComponent には次の 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 |
Web Components データ チャート API
Web Components IgcDataChartComponent には次の API メンバーがあります。
| チャート プロパティ | 軸クラス |
|---|---|
- chartTitle - subtitle - isHorizontalZoomEnabled - isVerticalZoomEnabled - brushes - outlines - markerBrushes - markerOutlines - XamDataChart.Axes - IgcSeriesComponent |
- IgcAxisComponent はすべての軸タイプの基本クラスです - カテゴリ シリーズ、積層型シリーズ、およびファイナンシャル シリーズで使用される IgcCategoryXAxisComponent - カテゴリ シリーズおよび積層型シリーズで使用される IgcCategoryYAxisComponent - ラジアル シリーズで使用される IgcCategoryAngleAxisComponent - 散布シリーズおよび棒シリーズで使用される IgcNumericXAxisComponent - 散布シリーズ、カテゴリ シリーズ、積層型シリーズ、およびファイナンシャル シリーズで使用される IgcNumericYAxisComponent - 極座標シリーズで使用される IgcNumericAngleAxisComponent - 極座標シリーズ およびラジアル シリーズで使用される IgcNumericRadiusAxisComponent - カテゴリ シリーズおよびファイナンシャル シリーズで使用される IgcTimeXAxisComponent |
Web Components IgcDataChartComponent は、IgcSeriesComponent から継承する次のタイプのシリーズを使用できます。
Web Components データ凡例の API
Web Components IgcDataLegendComponent には次の API メンバーがあります:
includedColumnsexcludedColumnsincludedSeriesexcludedSeriesvalueFormatAbbreviationvalueFormatModevalueFormatCulturevalueFormatMinFractionsvalueFormatMaxFractionsvalueTextColortitleTextColorlabelTextColorunitsTextColorsummaryTypeheaderTextColorbadgeShape
Web Components ドーナツ チャート API
Web Components IgcDoughnutChartComponent には、次の API メンバーがあります。
Web Components データ円チャート API
Web Components IgcDataPieChartComponent には、次の API メンバーがあります。
chartTypehighlightingBehaviorothersCategoryThresholdothersCategoryTypeselectionModeselectionBehavior
Web Components 円チャート API
Web Components IgcPieChartComponent には、次の API メンバーがあります。
legendItemBadgeTemplatelegendItemTemplatelegendLabelMemberPathothersCategoryThresholdothersCategoryTypeselectionMode
Web Components スパークライン チャート API
Web Components IgcSparklineComponent には、次の API メンバーがあります。
displayNormalRangeInFrontdisplayTypelowMarkerBrushlowMarkerSizelowMarkerVisibilitynormalRangeFillunknownValuePlotting
その他のリソース
チャートの詳細については、次のトピックを参照してください。