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 는 모든 축 유형에 대한 기본 클래스입니다.- IgxCategoryXAxisComponent Category Series, Stacked Series 및 Financial Series와 함께 사용 - IgxCategoryYAxisComponent 카테고리 시리즈, 스택 시리즈와 함께 사용 - IgxCategoryAngleAxisComponent 방사형 시리즈와 함께 사용 - IgxNumericXAxisComponent Scatter 시리즈 및 Bar 시리즈와 함께 사용 - IgxNumericYAxisComponent Scatter Series, Category Series, Stacked Series 및 Financial Series와 함께 사용 - IgxNumericAngleAxisComponent Polar 시리즈와 함께 사용 - IgxNumericRadiusAxisComponent Polar 시리즈 및 Radial 시리즈와 함께 사용 - IgxTimeXAxisComponent 카테고리 시리즈 및 금융 시리즈와 함께 사용 |
Angular IgxDataChartComponent
는 IgxSeriesComponent
에서 상속된 다음 유형의 시리즈를 사용할 수 있습니다.
Angular Data Legend API
Angular IgxDataLegendComponent
에는 다음과 같은 API 멤버가 있습니다.
includedColumns
excludedColumns
includedSeries
excludedSeries
valueFormatAbbreviation
valueFormatMode
valueFormatCulture
valueFormatMinFractions
valueFormatMaxFractions
valueTextColor
titleTextColor
labelTextColor
unitsTextColor
summaryType
headerTextColor
badgeShape
Angular Donut Chart API
Angular IgxDoughnutChartComponent
에는 다음과 같은 API 멤버가 있습니다.
Angular Data Pie Chart API
Angular IgxDataPieChartComponent
에는 다음과 같은 API 멤버가 있습니다.
chartType
highlightingBehavior
othersCategoryThreshold
othersCategoryType
selectionMode
selectionBehavior
Angular Pie Chart API
Angular IgxPieChartComponent
에는 다음과 같은 API 멤버가 있습니다.
legendItemBadgeTemplate
legendItemTemplate
legendLabelMemberPath
othersCategoryThreshold
othersCategoryType
selectionMode
Angular Sparkline Chart API
Angular IgxSparklineComponent
에는 다음과 같은 API 멤버가 있습니다.
displayNormalRangeInFront
displayType
lowMarkerBrush
lowMarkerSize
lowMarkerVisibility
normalRangeFill
unknownValuePlotting
Additional Resources
다음 주제에서 차트에 대한 자세한 정보를 찾을 수 있습니다.