API de gráficos Angular

    Los gráficos de Ignite UI for Angular proporcionan APIs sencillas y fáciles de usar para graficar tus datos enIgxCategoryChartComponent,IgxFinancialChartComponent​IgxDataChartComponent enIgxDataPieChartComponent​IgxDoughnutChartComponent​IgxPieChartComponent elementos de interfaz yIgxSparklineComponent de interfaz.

    Angular Category Chart API

    El AngularIgxCategoryChartComponent cuenta con los siguientes miembros de la API:

    Propiedades del gráfico Propiedades del eje Propiedades de la serie
    - 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

    El AngularIgxFinancialChartComponent cuenta con los siguientes miembros de la API:

    Propiedades del gráfico Propiedades del eje Propiedades de la serie
    - 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

    El AngularIgxDataChartComponent cuenta con los siguientes miembros de la API:

    Propiedades del gráfico Clases de eje
    - chartTitle
    - subtitle
    - isHorizontalZoomEnabled
    - isVerticalZoomEnabled
    - brushes
    - outlines
    - markerBrushes
    - markerOutlines
    - XamDataChart.Axes
    - IgxSeriesComponent
    		-IgxAxisComponentes la clase base para todos los tipos de ejes
    -IgxCategoryXAxisComponentutilizado con series de categorías, series apiladas y series financieras
    -IgxCategoryYAxisComponentutilizado con series de categorías, series apiladas
    -IgxCategoryAngleAxisComponentutilizado con la serie radial
    -IgxNumericXAxisComponentutilizado con la serie Scatter y la serie Bar
    -IgxNumericYAxisComponentutilizado con series de dispersión, series de categorías, series apiladas y series financieras
    -IgxNumericAngleAxisComponentutilizado con la serie Polar
    -IgxNumericRadiusAxisComponentutilizado con la serie Polar y la serie Radial
    -IgxTimeXAxisComponentutilizado con series de categorías y series financieras

    El AngularIgxDataChartComponent puede utilizar el siguiente tipo de series que heredan deIgxSeriesComponent:

    Serie de categorías Serie apilada
    - IgxAreaSeriesComponent
    - IgxBarSeriesComponent
    - IgxColumnSeriesComponent
    - IgxLineSeriesComponent
    - IgxPointSeriesComponent
    - IgxSplineSeriesComponent
    - IgxSplineAreaSeriesComponent
    - IgxStepLineSeriesComponent
    - IgxStepAreaSeriesComponent
    - IgxRangeAreaSeriesComponent
    - IgxRangeColumnSeriesComponent
    - IgxWaterfallSeriesComponent
    		- IgxStackedAreaSeriesComponent
    - IgxStackedBarSeriesComponent
    - IgxStackedColumnSeriesComponent
    - IgxStackedLineSeriesComponent
    - IgxStackedSplineSeriesComponent
    - IgxStacked100AreaSeriesComponent
    - IgxStacked100BarSeriesComponent
    - IgxStacked100ColumnSeriesComponent
    - IgxStacked100LineSeriesComponent
    - IgxStacked100SplineSeriesComponent


    Serie de dispersión Serie financiera
    - IgxBubbleSeriesComponent
    - IgxHighDensityScatterSeriesComponent
    - IgxScatterSeriesComponent
    - IgxScatterLineSeriesComponent
    - IgxScatterSplineSeriesComponent
    - IgxScatterAreaSeriesComponent
    - IgxScatterContourSeriesComponent
    - IgxScatterPolylineSeriesComponent
    - IgxScatterPolygonSeriesComponent

    		-IgxFinancialPriceSeriesComponent
    -IgxBollingerBandsOverlayComponent
    -IgxForceIndexIndicatorComponent
    -IgxMedianPriceIndicatorComponent
    -IgxMassIndexIndicatorComponent
    -IgxRelativeStrengthIndexIndicatorComponent
    -IgxStandardDeviationIndicatorComponent
    -IgxTypicalPriceIndicatorComponent
    -IgxWeightedCloseIndicatorComponent
    - y muchos más
    Serie radial Serie polar
    - IgxRadialLineSeriesComponent
    - IgxRadialAreaSeriesComponent
    - IgxRadialPieSeriesComponent
    - IgxRadialColumnSeriesComponent

    		- IgxPolarScatterSeriesComponent
    - IgxPolarLineSeriesComponent
    - IgxPolarAreaSeriesComponent
    - IgxPolarSplineSeriesComponent
    - IgxPolarSplineAreaSeriesComponent

    Angular Data Legend API

    El AngularIgxDataLegendComponent cuenta con los siguientes miembros de la API:

    Angular Donut Chart API

    El AngularIgxDoughnutChartComponent cuenta con los siguientes miembros de la API:

    Angular Data Pie Chart API

    El AngularIgxDataPieChartComponent cuenta con los siguientes miembros de la API:

    Angular Pie Chart API

    El AngularIgxPieChartComponent cuenta con los siguientes miembros de la API:

    Angular Sparkline Chart API

    El AngularIgxSparklineComponent cuenta con los siguientes miembros de la API:

    Recursos adicionales

    Puede encontrar más información sobre gráficos en estos temas: