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 |
-IgcAxisComponentis classe base para todos os tipos de eixo- IgcCategoryXAxisComponentusado com Série de Categoria, Série Empilhada e Série Financeira - IgcCategoryYAxisComponentusado com a série da categoria, série empilhada - IgcCategoryAngleAxisComponentusado com Série Radial - IgcNumericXAxisComponentusado com série de dispersão e série de barras - IgcNumericYAxisComponentusado com Série de Dispersão, Série de Categoria, Série Empilhada e Série Financeira - IgcNumericAngleAxisComponentusado com a série Polar - IgcNumericRadiusAxisComponentusado com Série Polar e Série Radial - IgcTimeXAxisComponentusado 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:
includedColumnsexcludedColumnsincludedSeriesexcludedSeriesvalueFormatAbbreviationvalueFormatModevalueFormatCulturevalueFormatMinFractionsvalueFormatMaxFractionsvalueTextColortitleTextColorlabelTextColorunitsTextColorsummaryTypeheaderTextColorbadgeShape
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:
chartTypehighlightingBehaviorothersCategoryThresholdothersCategoryTypeselectionModeselectionBehavior
Web Components Pie Chart API
O Web Components IgcPieChartComponent tem os seguintes membros da API:
legendItemBadgeTemplatelegendItemTemplatelegendLabelMemberPathothersCategoryThresholdothersCategoryTypeselectionMode
Web Components Sparkline Chart API
O Web Components IgcSparklineComponent tem os seguintes membros da API:
displayNormalRangeInFrontdisplayTypelowMarkerBrushlowMarkerSizelowMarkerVisibilitynormalRangeFillunknownValuePlotting
Additional Resources
Você pode encontrar mais informações sobre gráficos nestes tópicos: