Angular Chart API

    The Ignite UI for Angular charts provide simple and easy to use APIs to plot your data in IgxCategoryChartComponent, IgxFinancialChartComponent, IgxDataChartComponent, IgxDoughnutChartComponent, IgxPieChartComponent, and IgxSparklineComponent UI elements.

    Angular Category Chart API Members

    The Angular IgxCategoryChartComponent 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




    Angular Financial Chart API Members

    The Angular IgxFinancialChartComponent 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


    Angular Data Chart API Members

    The Angular IgxDataChartComponent has the following API members:

    Chart Properties Axis Classes
    - chartTitle
    - subtitle
    - isHorizontalZoomEnabled
    - isVerticalZoomEnabled
    - brushes
    - outlines
    - markerBrushes
    - markerOutlines
    - PlotAreaMargin
    		- IgxAxisComponent is base class for all axis types
    - IgxCategoryXAxisComponent used with Category, Stacked, and Financial Series
    - IgxCategoryYAxisComponent used with Category, Stacked Series
    - IgxCategoryAngleAxisComponent used with Radial Series
    - IgxNumericXAxisComponent used with Scatter and Stacked Bar Series
    - IgxNumericYAxisComponent used with Category, Stacked, and Financial Series
    - IgxNumericAngleAxisComponent used with Polar Series
    - IgxNumericRadiusAxisComponent used with Polar and Radial Series
    - IgxTimeXAxisComponent used with Category and Financial Series

    The Angular IgxDataChartComponent can use the following type of series that inherit from IgxSeriesComponent:

    Category Series Stacked Series
    - IgxAreaSeriesComponent
    - IgxBarSeriesComponent
    - IgxColumnSeriesComponent
    - IgxLineSeriesComponent
    - IgxPointSeriesComponent
    - IgxSplineSeriesComponent
    - IgxSplineAreaSeriesComponent
    - IgxStepLineSeriesComponent
    - IgxStepAreaSeriesComponent
    - IgxRangeAreaSeriesComponent
    - IgxRangeColumnSeriesComponent
    - IgxWaterfallSeriesComponent
    		- IgxStackedAreaSeriesComponent
    - IgxStackedBarSeriesComponent
    - IgxStackedColumnSeriesComponent
    - IgxStackedLineSeriesComponent
    - IgxStackedSplineSeriesComponent
    - IgxStacked100AreaSeriesComponent
    - IgxStacked100BarSeriesComponent
    - IgxStacked100ColumnSeriesComponent
    - IgxStacked100LineSeriesComponent
    - IgxStacked100SplineSeriesComponent


    Scatter Series Financial Series
    - IgxBubbleSeriesComponent
    - IgxHighDensityScatterSeriesComponent
    - IgxScatterSeriesComponent
    - IgxScatterLineSeriesComponent
    - IgxScatterSplineSeriesComponent
    - IgxScatterAreaSeriesComponent
    - IgxScatterContourSeriesComponent
    - IgxScatterPolylineSeriesComponent
    - IgxScatterPolygonSeriesComponent
    		- IgxFinancialPriceSeriesComponent
    - IgxBollingerBandsOverlayComponent
    - IgxForceIndexIndicatorComponent
    - IgxMedianPriceIndicatorComponent
    - IgxMassIndexIndicatorComponent
    - IgxRelativeStrengthIndexIndicatorComponent
    - IgxStandardDeviationIndicatorComponent
    - IgxTypicalPriceIndicatorComponent
    - IgxWeightedCloseIndicatorComponent
    Radial Series Polar Series
    - IgxRadialLineSeriesComponent
    - IgxRadialAreaSeriesComponent
    - IgxRadialPieSeriesComponent
    - IgxRadialColumnSeriesComponent

    		- IgxPolarScatterSeriesComponent
    - IgxPolarLineSeriesComponent
    - IgxPolarAreaSeriesComponent
    - IgxPolarSplineSeriesComponent
    - IgxPolarSplineAreaSeriesComponent

    Angular Data Legend API Members

    The Angular IgxDataLegendComponent has the following API members:

    Angular Donut Chart API Members

    The Angular IgxDoughnutChartComponent has the following API members:

    Angular Pie Chart API Members

    The Angular IgxPieChartComponent has the following API members:

    Angular Sparkline Chart API Members

    The Angular IgxSparklineComponent has the following API members:

    Additional Resources

    You can find more information about charts in these topics: