API de gráficos React
Los gráficos Ignite UI for React proporcionan API simples y fáciles de usar para trazar sus datos en los elementos de interfaz de usuario IgrCategoryChart
, IgrFinancialChart
, IgrDataChart
, IgrDataPieChart
, IgrDoughnutChart
, IgrPieChart
e IgrSparkline
.
API de React Gráfico de categorías
El React IgrCategoryChart
tiene los siguientes miembros de API:
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 |
API de React Gráfico financiero
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 |
API de React Gráfico de datos
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 |
-IgrAxis es la clase base para todos los tipos de ejes- IgrCategoryXAxis utilizado con series de categorías, series apiladas y series financieras - IgrCategoryYAxis utilizado con series de categorías, series apiladas - IgrCategoryAngleAxis utilizado con la serie radial - IgrNumericXAxis utilizado con la serie Scatter y la serie Bar - IgrNumericYAxis utilizado con series de dispersión, series de categorías, series apiladas y series financieras - IgrNumericAngleAxis utilizado con la serie Polar - IgrNumericRadiusAxis utilizado con la serie Polar y la serie Radial - IgrTimeXAxis utilizado con series de categorías y series financieras |
El React IgrDataChart
puede usar el siguiente tipo de series que heredan de IgrSeries
:
Serie radial | Serie polar |
---|---|
- IgrRadialLineSeries - IgrRadialAreaSeries - IgrRadialPieSeries - IgrRadialColumnSeries |
- IgrPolarScatterSeries - IgrPolarLineSeries - IgrPolarAreaSeries - IgrPolarSplineSeries - IgrPolarSplineAreaSeries |
API de leyenda de datos de React
The React IgrDataLegend
has the following API members:
includedColumns
excludedColumns
includedSeries
excludedSeries
valueFormatAbbreviation
valueFormatMode
valueFormatCulture
valueFormatMinFractions
valueFormatMaxFractions
valueTextColor
titleTextColor
labelTextColor
unitsTextColor
summaryType
headerTextColor
badgeShape
API de React Gráfico de anillos
The React IgrDoughnutChart
has the following API members:
API de React Data Gráfico circular
El React IgrDataPieChart
tiene los siguientes miembros de API:
chartType
highlightingBehavior
othersCategoryThreshold
othersCategoryType
selectionMode
selectionBehavior
API de React Gráfico circular
The React IgrPieChart
has the following API members:
legendItemBadgeTemplate
legendItemTemplate
legendLabelMemberPath
othersCategoryThreshold
othersCategoryType
selectionMode
React API de gráficos de minigráfico
The React IgrSparkline
has the following API members:
displayNormalRangeInFront
displayType
lowMarkerBrush
lowMarkerSize
lowMarkerVisibility
normalRangeFill
unknownValuePlotting
Recursos adicionales
Puede encontrar más información sobre gráficos en estos temas: