API de gráficos React
The Ignite UI for React charts provide simple and easy to use APIs to plot your data in IgrCategoryChart, IgrFinancialChart, IgrDataChart, IgrDataPieChart, IgrDoughnutChart, IgrPieChart, and IgrSparkline UI elements.
React Category Chart API
The React IgrCategoryChart has the following API members:
| 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 |
The React IgrDataChart can use the following type of series that inherit from IgrSeries:
| 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:
includedColumnsexcludedColumnsincludedSeriesexcludedSeriesvalueFormatAbbreviationvalueFormatModevalueFormatCulturevalueFormatMinFractionsvalueFormatMaxFractionsvalueTextColortitleTextColorlabelTextColorunitsTextColorsummaryTypeheaderTextColorbadgeShape
React Donut Chart API
The React IgrDoughnutChart has the following API members:
React Data Pie Chart API
The React IgrDataPieChart has the following API members:
chartTypehighlightingBehaviorothersCategoryThresholdothersCategoryTypeselectionModeselectionBehavior
React Pie Chart API
The React IgrPieChart has the following API members:
legendItemBadgeTemplatelegendItemTemplatelegendLabelMemberPathothersCategoryThresholdothersCategoryTypeselectionMode
React Sparkline Chart API
The React IgrSparkline has the following API members:
displayNormalRangeInFrontdisplayTypelowMarkerBrushlowMarkerSizelowMarkerVisibilitynormalRangeFillunknownValuePlotting
Additional Resources
Puede encontrar más información sobre gráficos en estos temas: