Angular 차트 API
Ignite UI for Angular IgxCategoryChartComponent, IgxFinancialChartComponent, IgxDataChartComponent, IgxDataPieChartComponent, IgxDoughnutChartComponent, IgxPieChartComponent 및 IgxSparklineComponent UI 요소에 데이터를 그리는 데 간단하고 사용하기 쉬운 API를 제공합니다.
Angular Category Chart 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 Financial Chart 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 Data Chart API
Angular IgxDataChartComponent 에는 다음과 같은 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카테고리 시리즈 및 금융 시리즈와 함께 사용 |
Angular IgxDataChartComponent는 IgxSeriesComponent에서 상속된 다음 유형의 시리즈를 사용할 수 있습니다.
Angular Data Legend API
Angular IgxDataLegendComponent 에는 다음과 같은 API 멤버가 있습니다.
includedColumnsexcludedColumnsincludedSeriesexcludedSeriesvalueFormatAbbreviationvalueFormatModevalueFormatCulturevalueFormatMinFractionsvalueFormatMaxFractionsvalueTextColortitleTextColorlabelTextColorunitsTextColorsummaryTypeheaderTextColorbadgeShape
Angular Donut Chart API
Angular IgxDoughnutChartComponent 에는 다음과 같은 API 멤버가 있습니다.
Angular Data Pie Chart API
Angular IgxDataPieChartComponent 에는 다음과 같은 API 멤버가 있습니다.
chartTypehighlightingBehaviorothersCategoryThresholdothersCategoryTypeselectionModeselectionBehavior
Angular Pie Chart API
Angular IgxPieChartComponent 에는 다음과 같은 API 멤버가 있습니다.
legendItemBadgeTemplatelegendItemTemplatelegendLabelMemberPathothersCategoryThresholdothersCategoryTypeselectionMode
Angular Sparkline Chart API
Angular IgxSparklineComponent 에는 다음과 같은 API 멤버가 있습니다.
displayNormalRangeInFrontdisplayTypelowMarkerBrushlowMarkerSizelowMarkerVisibilitynormalRangeFillunknownValuePlotting
Additional Resources
다음 주제에서 차트에 대한 자세한 정보를 찾을 수 있습니다.