API de gráficos Angular
Los gráficos de Ignite UI for Angular proporcionan API sencillas y fáciles de usar para trazar los datos en IgxCategoryChartComponent
IgxFinancialChartComponent
,, IgxDataChartComponent
, IgxDataPieChartComponent
,, IgxDoughnutChartComponent
,, IgxPieChartComponent
y IgxSparklineComponent
elementos de la interfaz de usuario.
API Gráfico de categorías Angular
El Angular IgxCategoryChartComponent
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 Gráfico financiero Angular
El Angular IgxFinancialChartComponent
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 |
API Gráfico de datos Angular
El Angular IgxDataChartComponent
tiene los siguientes miembros de API:
Propiedades del gráfico | Clases de eje |
---|---|
- chartTitle - subtitle - isHorizontalZoomEnabled - isVerticalZoomEnabled - brushes - outlines - markerBrushes - markerOutlines - XamDataChart.Axes - IgxSeriesComponent |
-IgxAxisComponent es la clase base para todos los tipos de ejes- IgxCategoryXAxisComponent utilizado con series de categorías, series apiladas y series financieras - IgxCategoryYAxisComponent utilizado con series de categorías, series apiladas - IgxCategoryAngleAxisComponent utilizado con la serie radial - IgxNumericXAxisComponent utilizado con la serie Scatter y la serie Bar - IgxNumericYAxisComponent utilizado con series de dispersión, series de categorías, series apiladas y series financieras - IgxNumericAngleAxisComponent utilizado con la serie Polar - IgxNumericRadiusAxisComponent utilizado con la serie Polar y la serie Radial - IgxTimeXAxisComponent utilizado con series de categorías y series financieras |
El Angular IgxDataChartComponent
puede usar el siguiente tipo de series que heredan de IgxSeriesComponent
:
API de leyenda de datos Angular
El Angular IgxDataLegendComponent
tiene los siguientes miembros de API:
includedColumns
excludedColumns
includedSeries
excludedSeries
valueFormatAbbreviation
valueFormatMode
valueFormatCulture
valueFormatMinFractions
valueFormatMaxFractions
valueTextColor
titleTextColor
labelTextColor
unitsTextColor
summaryType
headerTextColor
badgeShape
API Gráfico de anillos Angular
El Angular IgxDoughnutChartComponent
tiene los siguientes miembros de API:
API Gráfico circular de datos Angular
El Angular IgxDataPieChartComponent
tiene los siguientes miembros de API:
chartType
highlightingBehavior
othersCategoryThreshold
othersCategoryType
selectionMode
selectionBehavior
API Gráfico circular Angular
El Angular IgxPieChartComponent
tiene los siguientes miembros de API:
legendItemBadgeTemplate
legendItemTemplate
legendLabelMemberPath
othersCategoryThreshold
othersCategoryType
selectionMode
API de gráficos de minigráficos Angular
El Angular IgxSparklineComponent
tiene los siguientes miembros de API:
displayNormalRangeInFront
displayType
lowMarkerBrush
lowMarkerSize
lowMarkerVisibility
normalRangeFill
unknownValuePlotting
Recursos adicionales
Puede encontrar más información sobre gráficos en estos temas: