API de gráficos do React
Os gráficos Ignite UI for React fornecem APIs simples e fáceis de usar para plotar seus dados emIgrCategoryChart,IgrFinancialChartIgrDataChart,,IgrDataPieChart,IgrDoughnutChart,,IgrPieChart eIgrSparkline elementos da interface.
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 |
O ReactIgrDataChart pode usar o seguinte tipo de série que herda deIgrSeries:
| 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: