API de gráficos do Angular

    Os gráficos Ignite UI for Angular fornecem APIs simples e fáceis de usar para plotar seus dados em elementos de interface IgxDataChartComponent​ ​IgxPieChartComponent​ ​IgxSparklineComponent​ ​IgxFinancialChartComponent​ ​IgxDoughnutChartComponent​ ​IgxDataPieChartComponent do IgxCategoryChartComponent usuário.

    Angular Category Chart API

    O Angular IgxCategoryChartComponent tem os seguintes membros da API:

    Propriedades do gráfico Propriedades do eixo Propriedades da série
    - 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

    O Angular IgxFinancialChartComponent tem os seguintes membros da API:

    Propriedades do gráfico Propriedades do eixo Propriedades da série
    - 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

    O Angular IgxDataChartComponent tem os seguintes membros da API:

    Propriedades do gráfico Classes de eixo
    - chartTitle
    - subtitle
    - isHorizontalZoomEnabled
    - isVerticalZoomEnabled
    - brushes
    - outlines
    - markerBrushes
    - markerOutlines
    - XamDataChart.Axes
    - IgxSeriesComponent
    		-IgxAxisComponentis classe base para todos os tipos de eixo
    -IgxCategoryXAxisComponentusado com Série de Categoria, Série Empilhada e Série Financeira
    -IgxCategoryYAxisComponentusado com a série da categoria, série empilhada
    -IgxCategoryAngleAxisComponentusado com Série Radial
    -IgxNumericXAxisComponentusado com série de dispersão e série de barras
    -IgxNumericYAxisComponentusado com Série de Dispersão, Série de Categoria, Série Empilhada e Série Financeira
    -IgxNumericAngleAxisComponentusado com a série Polar
    -IgxNumericRadiusAxisComponentusado com Série Polar e Série Radial
    -IgxTimeXAxisComponentusado com Série de Categoria e Série Financeira

    O Angular IgxDataChartComponent pode usar o seguinte tipo de série que herda de IgxSeriesComponent:

    Série de categorias Série empilhada
    - IgxAreaSeriesComponent
    - IgxBarSeriesComponent
    - IgxColumnSeriesComponent
    - IgxLineSeriesComponent
    - IgxPointSeriesComponent
    - IgxSplineSeriesComponent
    - IgxSplineAreaSeriesComponent
    - IgxStepLineSeriesComponent
    - IgxStepAreaSeriesComponent
    - IgxRangeAreaSeriesComponent
    - IgxRangeColumnSeriesComponent
    - IgxWaterfallSeriesComponent
    		- IgxStackedAreaSeriesComponent
    - IgxStackedBarSeriesComponent
    - IgxStackedColumnSeriesComponent
    - IgxStackedLineSeriesComponent
    - IgxStackedSplineSeriesComponent
    - IgxStacked100AreaSeriesComponent
    - IgxStacked100BarSeriesComponent
    - IgxStacked100ColumnSeriesComponent
    - IgxStacked100LineSeriesComponent
    - IgxStacked100SplineSeriesComponent


    Série de dispersão Série Financeira
    - IgxBubbleSeriesComponent
    - IgxHighDensityScatterSeriesComponent
    - IgxScatterSeriesComponent
    - IgxScatterLineSeriesComponent
    - IgxScatterSplineSeriesComponent
    - IgxScatterAreaSeriesComponent
    - IgxScatterContourSeriesComponent
    - IgxScatterPolylineSeriesComponent
    - IgxScatterPolygonSeriesComponent

    		-IgxFinancialPriceSeriesComponent
    -IgxBollingerBandsOverlayComponent
    -IgxForceIndexIndicatorComponent
    -IgxMedianPriceIndicatorComponent
    -IgxMassIndexIndicatorComponent
    -IgxRelativeStrengthIndexIndicatorComponent
    -IgxStandardDeviationIndicatorComponent
    -IgxTypicalPriceIndicatorComponent
    -IgxWeightedCloseIndicatorComponent
    - e muitos mais
    Série Radial Série Polar
    - IgxRadialLineSeriesComponent
    - IgxRadialAreaSeriesComponent
    - IgxRadialPieSeriesComponent
    - IgxRadialColumnSeriesComponent

    		- IgxPolarScatterSeriesComponent
    - IgxPolarLineSeriesComponent
    - IgxPolarAreaSeriesComponent
    - IgxPolarSplineSeriesComponent
    - IgxPolarSplineAreaSeriesComponent

    Angular Data Legend API

    O Angular IgxDataLegendComponent tem os seguintes membros da API:

    Angular Donut Chart API

    O Angular IgxDoughnutChartComponent tem os seguintes membros da API:

    Angular Data Pie Chart API

    O Angular IgxDataPieChartComponent tem os seguintes membros da API:

    Angular Pie Chart API

    O Angular IgxPieChartComponent tem os seguintes membros da API:

    Angular Sparkline Chart API

    O Angular IgxSparklineComponent tem os seguintes membros da API:

    Additional Resources

    Você pode encontrar mais informações sobre gráficos nestes tópicos: