API de gráficos React

    Los gráficos de Ignite UI for React proporcionan APIs sencillas y fáciles de usar para graficar tus datos enIgrCategoryChart,IgrFinancialChartIgrDataChart enIgrDataPieChartIgrDoughnutChartIgrPieChart elementos de interfaz yIgrSparkline de interfaz.

    React Category Chart API

    El ReactIgrCategoryChart 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




    React Financial Chart API

    El ReactIgrFinancialChart 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


    React Data Chart API

    El ReactIgrDataChart 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
    - IgrSeries
    -IgrAxises la clase base para todos los tipos de ejes
    -IgrCategoryXAxisutilizado con series de categorías, series apiladas y series financieras
    -IgrCategoryYAxisutilizado con series de categorías, series apiladas
    -IgrCategoryAngleAxisutilizado con la serie radial
    -IgrNumericXAxisutilizado con la serie Scatter y la serie Bar
    -IgrNumericYAxisutilizado con series de dispersión, series de categorías, series apiladas y series financieras
    -IgrNumericAngleAxisutilizado con la serie Polar
    -IgrNumericRadiusAxisutilizado con la serie Polar y la serie Radial
    -IgrTimeXAxisutilizado con series de categorías y series financieras

    El ReactIgrDataChart puede utilizar el siguiente tipo de series que heredan deIgrSeries:

    Serie de categorías Serie apilada
    - IgrAreaSeries
    - IgrBarSeries
    - IgrColumnSeries
    - IgrLineSeries
    - IgrPointSeries
    - IgrSplineSeries
    - IgrSplineAreaSeries
    - IgrStepLineSeries
    - IgrStepAreaSeries
    - IgrRangeAreaSeries
    - IgrRangeColumnSeries
    - IgrWaterfallSeries
    - IgrStackedAreaSeries
    - IgrStackedBarSeries
    - IgrStackedColumnSeries
    - IgrStackedLineSeries
    - IgrStackedSplineSeries
    - IgrStacked100AreaSeries
    - IgrStacked100BarSeries
    - IgrStacked100ColumnSeries
    - IgrStacked100LineSeries
    - IgrStacked100SplineSeries


    Serie de dispersión Serie financiera
    - IgrBubbleSeries
    - IgrHighDensityScatterSeries
    - IgrScatterSeries
    - IgrScatterLineSeries
    - IgrScatterSplineSeries
    - IgrScatterAreaSeries
    - IgrScatterContourSeries
    - IgrScatterPolylineSeries
    - IgrScatterPolygonSeries

    -IgrFinancialPriceSeries
    -IgrBollingerBandsOverlay
    -IgrForceIndexIndicator
    -IgrMedianPriceIndicator
    -IgrMassIndexIndicator
    -IgrRelativeStrengthIndexIndicator
    -IgrStandardDeviationIndicator
    -IgrTypicalPriceIndicator
    -IgrWeightedCloseIndicator
    - y muchos más
    Serie radial Serie polar
    - IgrRadialLineSeries
    - IgrRadialAreaSeries
    - IgrRadialPieSeries
    - IgrRadialColumnSeries

    - IgrPolarScatterSeries
    - IgrPolarLineSeries
    - IgrPolarAreaSeries
    - IgrPolarSplineSeries
    - IgrPolarSplineAreaSeries

    React Data Legend API

    El ReactIgrDataLegend cuenta con los siguientes miembros de la API:

    React Donut Chart API

    El ReactIgrDoughnutChart cuenta con los siguientes miembros de la API:

    React Data Pie Chart API

    El ReactIgrDataPieChart cuenta con los siguientes miembros de la API:

    React Pie Chart API

    El ReactIgrPieChart cuenta con los siguientes miembros de la API:

    React Sparkline Chart API

    El ReactIgrSparkline cuenta con los siguientes miembros de la API:

    Additional Resources

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