API de gráficos do 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:
| 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 |
React Financial Chart API
The React IgrFinancialChart has the following API members:
| 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 |
React Data Chart API
The React IgrDataChart has the following API members:
| Propriedades do gráfico | Classes de eixo |
|---|---|
- chartTitle - subtitle - isHorizontalZoomEnabled - isVerticalZoomEnabled - brushes - outlines - markerBrushes - markerOutlines - XamDataChart.Axes - IgrSeries |
-IgrAxisis classe base para todos os tipos de eixo- IgrCategoryXAxisusado com Série de Categoria, Série Empilhada e Série Financeira - IgrCategoryYAxisusado com a série da categoria, série empilhada - IgrCategoryAngleAxisusado com Série Radial - IgrNumericXAxisusado com série de dispersão e série de barras - IgrNumericYAxisusado com Série de Dispersão, Série de Categoria, Série Empilhada e Série Financeira - IgrNumericAngleAxisusado com a série Polar - IgrNumericRadiusAxisusado com Série Polar e Série Radial - IgrTimeXAxisusado com Série de Categoria e Série Financeira |
The React IgrDataChart can use the following type of series that inherit from IgrSeries:
| Série Radial | Série 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
Você pode encontrar mais informações sobre gráficos nestes tópicos: