API de gráficos de Web Components
Los gráficos de Ignite UI for Web Components proporcionan API sencillas y fáciles de usar para trazar los datos en IgcCategoryChartComponent
IgcFinancialChartComponent
,, IgcDataChartComponent
, IgcDataPieChartComponent
,, IgcDoughnutChartComponent
,, IgcPieChartComponent
y IgcSparklineComponent
elementos de la interfaz de usuario.
Web Components Category Chart API
El Web Components IgcCategoryChartComponent
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 |
Web Components Financial Chart API
El Web Components IgcFinancialChartComponent
tiene los siguientes miembros de 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 Components IgcDataChartComponent
tiene los siguientes miembros de API:
Propiedades del gráfico | Clases de eje |
---|---|
- chartTitle - subtitle - isHorizontalZoomEnabled - isVerticalZoomEnabled - brushes - outlines - markerBrushes - markerOutlines - XamDataChart.Axes - IgcSeriesComponent |
-IgcAxisComponent es la clase base para todos los tipos de ejes- IgcCategoryXAxisComponent utilizado con series de categorías, series apiladas y series financieras - IgcCategoryYAxisComponent utilizado con series de categorías, series apiladas - IgcCategoryAngleAxisComponent utilizado con la serie radial - IgcNumericXAxisComponent utilizado con la serie Scatter y la serie Bar - IgcNumericYAxisComponent utilizado con series de dispersión, series de categorías, series apiladas y series financieras - IgcNumericAngleAxisComponent utilizado con la serie Polar - IgcNumericRadiusAxisComponent utilizado con la serie Polar y la serie Radial - IgcTimeXAxisComponent utilizado con series de categorías y series financieras |
El Web Components IgcDataChartComponent
puede usar el siguiente tipo de series que heredan de IgcSeriesComponent
:
Web Components Data Legend API
El Web Components IgcDataLegendComponent
tiene los siguientes miembros de API:
includedColumns
excludedColumns
includedSeries
excludedSeries
valueFormatAbbreviation
valueFormatMode
valueFormatCulture
valueFormatMinFractions
valueFormatMaxFractions
valueTextColor
titleTextColor
labelTextColor
unitsTextColor
summaryType
headerTextColor
badgeShape
Web Components Donut Chart API
El Web Components IgcDoughnutChartComponent
tiene los siguientes miembros de API:
Web Components Data Pie Chart API
El Web Components IgcDataPieChartComponent
tiene los siguientes miembros de API:
chartType
highlightingBehavior
othersCategoryThreshold
othersCategoryType
selectionMode
selectionBehavior
Web Components Pie Chart API
El Web Components IgcPieChartComponent
tiene los siguientes miembros de API:
legendItemBadgeTemplate
legendItemTemplate
legendLabelMemberPath
othersCategoryThreshold
othersCategoryType
selectionMode
Web Components Sparkline Chart API
El Web Components IgcSparklineComponent
tiene los siguientes miembros de API:
displayNormalRangeInFront
displayType
lowMarkerBrush
lowMarkerSize
lowMarkerVisibility
normalRangeFill
unknownValuePlotting
Additional Resources
Puede encontrar más información sobre gráficos en estos temas: