Angular 차트 API
Ignite UI for Angular 차트는 데이터를IgxCategoryChartComponentIgxFinancialChartComponentIgxDataChartComponentIgxDataPieChartComponentIgxDoughnutChartComponentIgxPieChartComponentIgxSparklineComponent 시각화할 수 있는 간단하고 사용하기 쉬운 API를 제공합니다.
Angular Category Chart API
AngularIgxCategoryChartComponent는 다음과 같은 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 Financial Chart API
AngularIgxFinancialChartComponent는 다음과 같은 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 Data Chart API
AngularIgxDataChartComponent는 다음과 같은 API 멤버들을 포함합니다:
| 차트 속성 | 축 클래스 |
|---|---|
- chartTitle - subtitle - isHorizontalZoomEnabled - isVerticalZoomEnabled - brushes - outlines - markerBrushes - markerOutlines - XamDataChart.Axes - IgxSeriesComponent |
-IgxAxisComponent는 모든 축 유형에 대한 기본 클래스입니다.- IgxCategoryXAxisComponentCategory Series, Stacked Series 및 Financial Series와 함께 사용 - IgxCategoryYAxisComponent카테고리 시리즈, 스택 시리즈와 함께 사용 - IgxCategoryAngleAxisComponent방사형 시리즈와 함께 사용 - IgxNumericXAxisComponentScatter 시리즈 및 Bar 시리즈와 함께 사용 - IgxNumericYAxisComponentScatter Series, Category Series, Stacked Series 및 Financial Series와 함께 사용 - IgxNumericAngleAxisComponentPolar 시리즈와 함께 사용 - IgxNumericRadiusAxisComponentPolar 시리즈 및 Radial 시리즈와 함께 사용 - IgxTimeXAxisComponent카테고리 시리즈 및 금융 시리즈와 함께 사용 |
AngularIgxDataChartComponent는 다음과 같은 유형의 급수를 사용할 수 있으며, 이들은 다음에서IgxSeriesComponent 상속됩니다:
Angular Data Legend API
AngularIgxDataLegendComponent는 다음과 같은 API 멤버들을 포함합니다:
includedColumnsexcludedColumnsincludedSeriesexcludedSeriesvalueFormatAbbreviationvalueFormatModevalueFormatCulturevalueFormatMinFractionsvalueFormatMaxFractionsvalueTextColortitleTextColorlabelTextColorunitsTextColorsummaryTypeheaderTextColorbadgeShape
Angular Donut Chart API
AngularIgxDoughnutChartComponent는 다음과 같은 API 멤버들을 포함합니다:
Angular Data Pie Chart API
AngularIgxDataPieChartComponent는 다음과 같은 API 멤버들을 포함합니다:
chartTypehighlightingBehaviorothersCategoryThresholdothersCategoryTypeselectionModeselectionBehavior
Angular Pie Chart API
AngularIgxPieChartComponent는 다음과 같은 API 멤버들을 포함합니다:
legendItemBadgeTemplatelegendItemTemplatelegendLabelMemberPathothersCategoryThresholdothersCategoryTypeselectionMode
Angular Sparkline Chart API
AngularIgxSparklineComponent는 다음과 같은 API 멤버들을 포함합니다:
displayNormalRangeInFrontdisplayTypelowMarkerBrushlowMarkerSizelowMarkerVisibilitynormalRangeFillunknownValuePlotting
추가 리소스
다음 주제에서 차트에 대한 자세한 정보를 찾을 수 있습니다.