API de gráficos de Web Components
Los gráficos de Ignite UI for Web Components proporcionan APIs sencillas y fáciles de usar para graficar tus datos enIgcCategoryChartComponent,IgcFinancialChartComponentIgcDataChartComponent enIgcDataPieChartComponentIgcDoughnutChartComponentIgcPieChartComponent elementos de interfaz yIgcSparklineComponent de interfaz.
Web Components Category Chart API
El Web ComponentsIgcCategoryChartComponent 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 |
Web Components Financial Chart API
El Web ComponentsIgcFinancialChartComponent 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 |
Web Components Data Chart API
El Web ComponentsIgcDataChartComponent 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 - IgcSeriesComponent |
-IgcAxisComponentes la clase base para todos los tipos de ejes- IgcCategoryXAxisComponentutilizado con series de categorías, series apiladas y series financieras - IgcCategoryYAxisComponentutilizado con series de categorías, series apiladas - IgcCategoryAngleAxisComponentutilizado con la serie radial - IgcNumericXAxisComponentutilizado con la serie Scatter y la serie Bar - IgcNumericYAxisComponentutilizado con series de dispersión, series de categorías, series apiladas y series financieras - IgcNumericAngleAxisComponentutilizado con la serie Polar - IgcNumericRadiusAxisComponentutilizado con la serie Polar y la serie Radial - IgcTimeXAxisComponentutilizado con series de categorías y series financieras |
El Web ComponentsIgcDataChartComponent puede utilizar el siguiente tipo de series que heredan deIgcSeriesComponent:
Web Components Data Legend API
El Web ComponentsIgcDataLegendComponent cuenta con los siguientes miembros de la API:
includedColumnsexcludedColumnsincludedSeriesexcludedSeriesvalueFormatAbbreviationvalueFormatModevalueFormatCulturevalueFormatMinFractionsvalueFormatMaxFractionsvalueTextColortitleTextColorlabelTextColorunitsTextColorsummaryTypeheaderTextColorbadgeShape
Web Components Donut Chart API
El Web ComponentsIgcDoughnutChartComponent cuenta con los siguientes miembros de la API:
Web Components Data Pie Chart API
El Web ComponentsIgcDataPieChartComponent cuenta con los siguientes miembros de la API:
chartTypehighlightingBehaviorothersCategoryThresholdothersCategoryTypeselectionModeselectionBehavior
Web Components Pie Chart API
El Web ComponentsIgcPieChartComponent cuenta con los siguientes miembros de la API:
legendItemBadgeTemplatelegendItemTemplatelegendLabelMemberPathothersCategoryThresholdothersCategoryTypeselectionMode
Web Components Sparkline Chart API
El Web ComponentsIgcSparklineComponent cuenta con los siguientes miembros de la API:
displayNormalRangeInFrontdisplayTypelowMarkerBrushlowMarkerSizelowMarkerVisibilitynormalRangeFillunknownValuePlotting
Additional Resources
Puede encontrar más información sobre gráficos en estos temas: