Web Components 차트 API
Ignite UI for Web Components 차트는 간단하고 사용하기 쉬운 API를 제공하여 데이터를 , IgcFinancialChartComponent,, IgcDataPieChartComponent IgcDataChartComponent, IgcDoughnutChartComponent,및 IgcPieChartComponent IgcSparklineComponent UI 요소로 IgcCategoryChartComponent 표시합니다.
Web Components Category Chart 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 Financial Chart 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 Data Chart API
Web Components IgcDataChartComponent 에는 다음과 같은 API 멤버가 있습니다.
| 차트 속성 | 축 클래스 |
|---|---|
- chartTitle - subtitle - isHorizontalZoomEnabled - isVerticalZoomEnabled - brushes - outlines - markerBrushes - markerOutlines - XamDataChart.Axes - IgcSeriesComponent |
-IgcAxisComponent는 모든 축 유형에 대한 기본 클래스입니다.- IgcCategoryXAxisComponentCategory Series, Stacked Series 및 Financial Series와 함께 사용 - IgcCategoryYAxisComponent카테고리 시리즈, 스택 시리즈와 함께 사용 - IgcCategoryAngleAxisComponent방사형 시리즈와 함께 사용 - IgcNumericXAxisComponentScatter 시리즈 및 Bar 시리즈와 함께 사용 - IgcNumericYAxisComponentScatter Series, Category Series, Stacked Series 및 Financial Series와 함께 사용 - IgcNumericAngleAxisComponentPolar 시리즈와 함께 사용 - IgcNumericRadiusAxisComponentPolar 시리즈 및 Radial 시리즈와 함께 사용 - IgcTimeXAxisComponent카테고리 시리즈 및 금융 시리즈와 함께 사용 |
Web Components IgcDataChartComponent는 다음에서 상속되는 다음과 같은 유형의 계열을 사용할 수 있습니다. IgcSeriesComponent
Web Components Data Legend API
Web Components IgcDataLegendComponent 에는 다음과 같은 API 멤버가 있습니다.
includedColumnsexcludedColumnsincludedSeriesexcludedSeriesvalueFormatAbbreviationvalueFormatModevalueFormatCulturevalueFormatMinFractionsvalueFormatMaxFractionsvalueTextColortitleTextColorlabelTextColorunitsTextColorsummaryTypeheaderTextColorbadgeShape
Web Components Donut Chart API
Web Components IgcDoughnutChartComponent 에는 다음과 같은 API 멤버가 있습니다.
Web Components Data Pie Chart API
Web Components IgcDataPieChartComponent 에는 다음과 같은 API 멤버가 있습니다.
chartTypehighlightingBehaviorothersCategoryThresholdothersCategoryTypeselectionModeselectionBehavior
Web Components Pie Chart API
Web Components IgcPieChartComponent 에는 다음과 같은 API 멤버가 있습니다.
legendItemBadgeTemplatelegendItemTemplatelegendLabelMemberPathothersCategoryThresholdothersCategoryTypeselectionMode
Web Components Sparkline Chart API
Web Components IgcSparklineComponent 에는 다음과 같은 API 멤버가 있습니다.
displayNormalRangeInFrontdisplayTypelowMarkerBrushlowMarkerSizelowMarkerVisibilitynormalRangeFillunknownValuePlotting
Additional Resources
다음 주제에서 차트에 대한 자세한 정보를 찾을 수 있습니다.