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 em elementos de interface IgrDataChart
IgrPieChart
IgrSparkline
IgrFinancialChart
IgrDoughnutChart
IgrDataPieChart
do IgrCategoryChart
usuário.
React Category Chart API
O React IgrCategoryChart
tem 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
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 |
-IgrAxis is classe base para todos os tipos de eixo- IgrCategoryXAxis usado com Série de Categoria, Série Empilhada e Série Financeira - IgrCategoryYAxis usado com a série da categoria, série empilhada - IgrCategoryAngleAxis usado com Série Radial - IgrNumericXAxis usado com série de dispersão e série de barras - IgrNumericYAxis usado com Série de Dispersão, Série de Categoria, Série Empilhada e Série Financeira - IgrNumericAngleAxis usado com a série Polar - IgrNumericRadiusAxis usado com Série Polar e Série Radial - IgrTimeXAxis usado com Série de Categoria e Série Financeira |
O React IgrDataChart
pode usar o seguinte tipo de série que herda de 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:
includedColumns
excludedColumns
includedSeries
excludedSeries
valueFormatAbbreviation
valueFormatMode
valueFormatCulture
valueFormatMinFractions
valueFormatMaxFractions
valueTextColor
titleTextColor
labelTextColor
unitsTextColor
summaryType
headerTextColor
badgeShape
React Donut Chart API
The React IgrDoughnutChart
has the following API members:
React Data Pie Chart API
O React IgrDataPieChart
tem os seguintes membros da API:
chartType
highlightingBehavior
othersCategoryThreshold
othersCategoryType
selectionMode
selectionBehavior
React Pie Chart API
The React IgrPieChart
has the following API members:
legendItemBadgeTemplate
legendItemTemplate
legendLabelMemberPath
othersCategoryThreshold
othersCategoryType
selectionMode
React Sparkline Chart API
The React IgrSparkline
has the following API members:
displayNormalRangeInFront
displayType
lowMarkerBrush
lowMarkerSize
lowMarkerVisibility
normalRangeFill
unknownValuePlotting
Additional Resources
Você pode encontrar mais informações sobre gráficos nestes tópicos: