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
O ReactIgrCategoryChart possui os seguintes membros da API:
| 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
O ReactIgrFinancialChart possui os seguintes membros da API:
| 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
O ReactIgrDataChart possui os seguintes membros da API:
| 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
O ReactIgrDataLegend possui os seguintes membros da API:
includedColumnsexcludedColumnsincludedSeriesexcludedSeriesvalueFormatAbbreviationvalueFormatModevalueFormatCulturevalueFormatMinFractionsvalueFormatMaxFractionsvalueTextColortitleTextColorlabelTextColorunitsTextColorsummaryTypeheaderTextColorbadgeShape
React Donut Chart API
O ReactIgrDoughnutChart possui os seguintes membros da API:
React Data Pie Chart API
O ReactIgrDataPieChart possui os seguintes membros da API:
chartTypehighlightingBehaviorothersCategoryThresholdothersCategoryTypeselectionModeselectionBehavior
React Pie Chart API
O ReactIgrPieChart possui os seguintes membros da API:
legendItemBadgeTemplatelegendItemTemplatelegendLabelMemberPathothersCategoryThresholdothersCategoryTypeselectionMode
React Sparkline Chart API
O ReactIgrSparkline possui os seguintes membros da API:
displayNormalRangeInFrontdisplayTypelowMarkerBrushlowMarkerSizelowMarkerVisibilitynormalRangeFillunknownValuePlotting
Additional Resources
Você pode encontrar mais informações sobre gráficos nestes tópicos: