API de gráficos do Web Components
Os gráficos Ignite UI for Web Components fornecem APIs simples e fáceis de usar para plotar seus dados em elementos de interface IgcDataChartComponent
IgcPieChartComponent
IgcSparklineComponent
IgcFinancialChartComponent
IgcDoughnutChartComponent
IgcDataPieChartComponent
do IgcCategoryChartComponent
usuário.
Web Components Category Chart API
O Web Components IgcCategoryChartComponent
tem os seguintes membros da API:
Propriedades do gráfico | Propriedades do eixo | Propriedades da série |
---|---|---|
- 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
O Web Components IgcFinancialChartComponent
tem os seguintes membros da API:
Propriedades do gráfico | Propriedades do eixo | Propriedades da série |
---|---|---|
- 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
O Web Components IgcDataChartComponent
tem os seguintes membros da API:
Propriedades do gráfico | Classes de eixo |
---|---|
- chartTitle - subtitle - isHorizontalZoomEnabled - isVerticalZoomEnabled - brushes - outlines - markerBrushes - markerOutlines - XamDataChart.Axes - IgcSeriesComponent |
-IgcAxisComponent is classe base para todos os tipos de eixo- IgcCategoryXAxisComponent usado com Série de Categoria, Série Empilhada e Série Financeira - IgcCategoryYAxisComponent usado com a série da categoria, série empilhada - IgcCategoryAngleAxisComponent usado com Série Radial - IgcNumericXAxisComponent usado com série de dispersão e série de barras - IgcNumericYAxisComponent usado com Série de Dispersão, Série de Categoria, Série Empilhada e Série Financeira - IgcNumericAngleAxisComponent usado com a série Polar - IgcNumericRadiusAxisComponent usado com Série Polar e Série Radial - IgcTimeXAxisComponent usado com Série de Categoria e Série Financeira |
O Web Components IgcDataChartComponent
pode usar o seguinte tipo de série que herda de IgcSeriesComponent
:
Web Components Data Legend API
O Web Components IgcDataLegendComponent
tem os seguintes membros da API:
includedColumns
excludedColumns
includedSeries
excludedSeries
valueFormatAbbreviation
valueFormatMode
valueFormatCulture
valueFormatMinFractions
valueFormatMaxFractions
valueTextColor
titleTextColor
labelTextColor
unitsTextColor
summaryType
headerTextColor
badgeShape
Web Components Donut Chart API
O Web Components IgcDoughnutChartComponent
tem os seguintes membros da API:
Web Components Data Pie Chart API
O Web Components IgcDataPieChartComponent
tem os seguintes membros da API:
chartType
highlightingBehavior
othersCategoryThreshold
othersCategoryType
selectionMode
selectionBehavior
Web Components Pie Chart API
O Web Components IgcPieChartComponent
tem os seguintes membros da API:
legendItemBadgeTemplate
legendItemTemplate
legendLabelMemberPath
othersCategoryThreshold
othersCategoryType
selectionMode
Web Components Sparkline Chart API
O Web Components IgcSparklineComponent
tem os seguintes membros da API:
displayNormalRangeInFront
displayType
lowMarkerBrush
lowMarkerSize
lowMarkerVisibility
normalRangeFill
unknownValuePlotting
Additional Resources
Você pode encontrar mais informações sobre gráficos nestes tópicos: