API de gráficos React

Los gráficos Ignite UI for React proporcionan API simples y fáciles de usar para trazar sus datos en los elementos de interfaz de usuario IgrCategoryChart, IgrFinancialChart, IgrDataChart, IgrDataPieChart, IgrDoughnutChart, IgrPieChart e IgrSparkline.

React Category Chart API

El React IgrCategoryChart tiene los siguientes miembros de 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

The React IgrFinancialChart has the following API members:

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

The React IgrDataChart has the following API members:

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

Propiedades del gráfico	Clases de eje
- `chartTitle` - `subtitle` - `isHorizontalZoomEnabled` - `isVerticalZoomEnabled` - `brushes` - `outlines` - `markerBrushes` - `markerOutlines` - `XamDataChart.Axes` - `IgrSeries`	-`IgrAxis`es la clase base para todos los tipos de ejes -`IgrCategoryXAxis`utilizado con series de categorías, series apiladas y series financieras -`IgrCategoryYAxis`utilizado con series de categorías, series apiladas -`IgrCategoryAngleAxis`utilizado con la serie radial -`IgrNumericXAxis`utilizado con la serie Scatter y la serie Bar -`IgrNumericYAxis`utilizado con series de dispersión, series de categorías, series apiladas y series financieras -`IgrNumericAngleAxis`utilizado con la serie Polar -`IgrNumericRadiusAxis`utilizado con la serie Polar y la serie Radial -`IgrTimeXAxis`utilizado con series de categorías y series financieras

El React IgrDataChart puede usar el siguiente tipo de series que heredan de IgrSeries:

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

The React IgrDataLegend has the following API members:

React Donut Chart API

The React IgrDoughnutChart has the following API members:

React Data Pie Chart API

El React IgrDataPieChart tiene los siguientes miembros de API:

React Pie Chart API

The React IgrPieChart has the following API members:

React Sparkline Chart API

The React IgrSparkline has the following API members:

Additional Resources

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