API de gráficos React
Los gráficos de Ignite UI for React proporcionan APIs sencillas y fáciles de usar para graficar tus datos enIgrCategoryChart,IgrFinancialChartIgrDataChart enIgrDataPieChartIgrDoughnutChartIgrPieChart elementos de interfaz yIgrSparkline de interfaz.
React Category Chart API
El ReactIgrCategoryChart cuenta con los siguientes miembros de la 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 |
React Financial Chart API
El ReactIgrFinancialChart cuenta con los siguientes miembros de la API:
| 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 |
React Data Chart API
El ReactIgrDataChart cuenta con los siguientes miembros de la API:
| Propiedades del gráfico | Clases de eje |
|---|---|
- chartTitle - subtitle - isHorizontalZoomEnabled - isVerticalZoomEnabled - brushes - outlines - markerBrushes - markerOutlines - XamDataChart.Axes - IgrSeries |
-IgrAxises la clase base para todos los tipos de ejes- IgrCategoryXAxisutilizado con series de categorías, series apiladas y series financieras - IgrCategoryYAxisutilizado con series de categorías, series apiladas - IgrCategoryAngleAxisutilizado con la serie radial - IgrNumericXAxisutilizado con la serie Scatter y la serie Bar - IgrNumericYAxisutilizado con series de dispersión, series de categorías, series apiladas y series financieras - IgrNumericAngleAxisutilizado con la serie Polar - IgrNumericRadiusAxisutilizado con la serie Polar y la serie Radial - IgrTimeXAxisutilizado con series de categorías y series financieras |
El ReactIgrDataChart puede utilizar el siguiente tipo de series que heredan deIgrSeries:
| Serie radial | Serie polar |
|---|---|
- IgrRadialLineSeries - IgrRadialAreaSeries - IgrRadialPieSeries - IgrRadialColumnSeries |
- IgrPolarScatterSeries - IgrPolarLineSeries - IgrPolarAreaSeries - IgrPolarSplineSeries - IgrPolarSplineAreaSeries |
React Data Legend API
El ReactIgrDataLegend cuenta con los siguientes miembros de la API:
includedColumnsexcludedColumnsincludedSeriesexcludedSeriesvalueFormatAbbreviationvalueFormatModevalueFormatCulturevalueFormatMinFractionsvalueFormatMaxFractionsvalueTextColortitleTextColorlabelTextColorunitsTextColorsummaryTypeheaderTextColorbadgeShape
React Donut Chart API
El ReactIgrDoughnutChart cuenta con los siguientes miembros de la API:
React Data Pie Chart API
El ReactIgrDataPieChart cuenta con los siguientes miembros de la API:
chartTypehighlightingBehaviorothersCategoryThresholdothersCategoryTypeselectionModeselectionBehavior
React Pie Chart API
El ReactIgrPieChart cuenta con los siguientes miembros de la API:
legendItemBadgeTemplatelegendItemTemplatelegendLabelMemberPathothersCategoryThresholdothersCategoryTypeselectionMode
React Sparkline Chart API
El ReactIgrSparkline cuenta con los siguientes miembros de la API:
displayNormalRangeInFrontdisplayTypelowMarkerBrushlowMarkerSizelowMarkerVisibilitynormalRangeFillunknownValuePlotting
Additional Resources
Puede encontrar más información sobre gráficos en estos temas: