Web Components Charts API

    The Ignite UI for Web Components charts provide simple and easy to use APIs to plot your data in IgcCategoryChartComponent, IgcFinancialChartComponent, IgcDataChartComponent, IgcDataPieChartComponent, IgcDoughnutChartComponent, IgcPieChartComponent, and IgcSparklineComponent UI elements.

    Web Components Category Chart API

    The Web Components IgcCategoryChartComponent has the following API members:

    Chart Properties Axis Properties Series Properties
    - 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

    The Web Components IgcFinancialChartComponent has the following API members:

    Chart Properties Axis Properties Series Properties
    - 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

    The Web Components IgcDataChartComponent has the following API members:

    Chart Properties Axis Classes
    - chartTitle
    - subtitle
    - isHorizontalZoomEnabled
    - isVerticalZoomEnabled
    - brushes
    - outlines
    - markerBrushes
    - markerOutlines
    - XamDataChart.Axes
    - IgcSeriesComponent
    		- IgcAxisComponent is base class for all axis types
    - IgcCategoryXAxisComponent used with Category Series, Stacked Series, and Financial Series
    - IgcCategoryYAxisComponent used with Category Series, Stacked Series
    - IgcCategoryAngleAxisComponent used with Radial Series
    - IgcNumericXAxisComponent used with Scatter Series and Bar Series
    - IgcNumericYAxisComponent used with Scatter Series, Category Series, Stacked Series, and Financial Series
    - IgcNumericAngleAxisComponent used with Polar Series
    - IgcNumericRadiusAxisComponent used with Polar Series and Radial Series
    - IgcTimeXAxisComponent used with Category Series and Financial Series

    The Web Components IgcDataChartComponent can use the following type of series that inherit from IgcSeriesComponent:

    Category Series Stacked Series
    - IgcAreaSeriesComponent
    - IgcBarSeriesComponent
    - IgcColumnSeriesComponent
    - IgcLineSeriesComponent
    - IgcPointSeriesComponent
    - IgcSplineSeriesComponent
    - IgcSplineAreaSeriesComponent
    - IgcStepLineSeriesComponent
    - IgcStepAreaSeriesComponent
    - IgcRangeAreaSeriesComponent
    - IgcRangeColumnSeriesComponent
    - IgcWaterfallSeriesComponent
    		- IgcStackedAreaSeriesComponent
    - IgcStackedBarSeriesComponent
    - IgcStackedColumnSeriesComponent
    - IgcStackedLineSeriesComponent
    - IgcStackedSplineSeriesComponent
    - IgcStacked100AreaSeriesComponent
    - IgcStacked100BarSeriesComponent
    - IgcStacked100ColumnSeriesComponent
    - IgcStacked100LineSeriesComponent
    - IgcStacked100SplineSeriesComponent


    Scatter Series Financial Series
    - IgcBubbleSeriesComponent
    - IgcHighDensityScatterSeriesComponent
    - IgcScatterSeriesComponent
    - IgcScatterLineSeriesComponent
    - IgcScatterSplineSeriesComponent
    - IgcScatterAreaSeriesComponent
    - IgcScatterContourSeriesComponent
    - IgcScatterPolylineSeriesComponent
    - IgcScatterPolygonSeriesComponent

    		- IgcFinancialPriceSeriesComponent
    - IgcBollingerBandsOverlayComponent
    - IgcForceIndexIndicatorComponent
    - IgcMedianPriceIndicatorComponent
    - IgcMassIndexIndicatorComponent
    - IgcRelativeStrengthIndexIndicatorComponent
    - IgcStandardDeviationIndicatorComponent
    - IgcTypicalPriceIndicatorComponent
    - IgcWeightedCloseIndicatorComponent
    - and many more
    Radial Series Polar Series
    - IgcRadialLineSeriesComponent
    - IgcRadialAreaSeriesComponent
    - IgcRadialPieSeriesComponent
    - IgcRadialColumnSeriesComponent

    		- IgcPolarScatterSeriesComponent
    - IgcPolarLineSeriesComponent
    - IgcPolarAreaSeriesComponent
    - IgcPolarSplineSeriesComponent
    - IgcPolarSplineAreaSeriesComponent

    Web Components Data Legend API

    The Web Components IgcDataLegendComponent has the following API members:

    Web Components Donut Chart API

    The Web Components IgcDoughnutChartComponent has the following API members:

    Web Components Data Pie Chart API

    The Web Components IgcDataPieChartComponent has the following API members:

    Web Components Pie Chart API

    The Web Components IgcPieChartComponent has the following API members:

    Web Components Sparkline Chart API

    The Web Components IgcSparklineComponent has the following API members:

    Additional Resources

    You can find more information about charts in these topics: