React Chart API

    The Ignite UI for React charts provide simple and easy to use APIs to plot your data in IgrCategoryChart, IgrFinancialChart, IgrDataChart, IgrDoughnutChart, IgrPieChart, and IgrSparkline UI elements.

    React Category Chart API Members

    The React IgrCategoryChart 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




    React Financial Chart API Members

    The React IgrFinancialChart 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


    React Data Chart API Members

    The React IgrDataChart has the following API members:

    Chart Properties Axis Classes
    - chartTitle
    - subtitle
    - isHorizontalZoomEnabled
    - isVerticalZoomEnabled
    - brushes
    - outlines
    - markerBrushes
    - markerOutlines
    - PlotAreaMargin
    		- IgrAxis is base class for all axis types
    - IgrCategoryXAxis used with Category, Stacked, and Financial Series
    - IgrCategoryYAxis used with Category, Stacked Series
    - IgrCategoryAngleAxis used with Radial Series
    - IgrNumericXAxis used with Scatter and Stacked Bar Series
    - IgrNumericYAxis used with Category, Stacked, and Financial Series
    - IgrNumericAngleAxis used with Polar Series
    - IgrNumericRadiusAxis used with Polar and Radial Series
    - IgrTimeXAxis used with Category and Financial Series

    The React IgrDataChart can use the following type of series that inherit from IgrSeries:

    Category Series Stacked Series
    - IgrAreaSeries
    - IgrBarSeries
    - IgrColumnSeries
    - IgrLineSeries
    - IgrPointSeries
    - IgrSplineSeries
    - IgrSplineAreaSeries
    - IgrStepLineSeries
    - IgrStepAreaSeries
    - IgrRangeAreaSeries
    - IgrRangeColumnSeries
    - IgrWaterfallSeries
    		- IgrStackedAreaSeries
    - IgrStackedBarSeries
    - IgrStackedColumnSeries
    - IgrStackedLineSeries
    - IgrStackedSplineSeries
    - IgrStacked100AreaSeries
    - IgrStacked100BarSeries
    - IgrStacked100ColumnSeries
    - IgrStacked100LineSeries
    - IgrStacked100SplineSeries


    Scatter Series Financial Series
    - IgrBubbleSeries
    - IgrHighDensityScatterSeries
    - IgrScatterSeries
    - IgrScatterLineSeries
    - IgrScatterSplineSeries
    - IgrScatterAreaSeries
    - IgrScatterContourSeries
    - IgrScatterPolylineSeries
    - IgrScatterPolygonSeries
    		- IgrFinancialPriceSeries
    - IgrBollingerBandsOverlay
    - IgrForceIndexIndicator
    - IgrMedianPriceIndicator
    - IgrMassIndexIndicator
    - IgrRelativeStrengthIndexIndicator
    - IgrStandardDeviationIndicator
    - IgrTypicalPriceIndicator
    - IgrWeightedCloseIndicator
    Radial Series Polar Series
    - IgrRadialLineSeries
    - IgrRadialAreaSeries
    - IgrRadialPieSeries
    - IgrRadialColumnSeries

    		- IgrPolarScatterSeries
    - IgrPolarLineSeries
    - IgrPolarAreaSeries
    - IgrPolarSplineSeries
    - IgrPolarSplineAreaSeries

    React Data Legend API Members

    The React IgrDataLegend has the following API members:

    React Donut Chart API Members

    The React IgrDoughnutChart has the following API members:

    React Pie Chart API Members

    The React IgrPieChart has the following API members:

    React Sparkline Chart API Members

    The React IgrSparkline has the following API members:

    Additional Resources

    You can find more information about charts in these topics: