React ChartsInstallation

AG Charts is available for download from NPM & Yarn. Once installed, you just need to import the package.

Installation Copy

Install the ag-charts-react package, which also installs ag-charts-community:

npm install ag-charts-react

yarn add ag-charts-react

To use AG Charts Enterprise features, install the ag-charts-enterprise package:

npm install ag-charts-enterprise

yarn add ag-charts-enterprise

Importing Copy

Import the AgCharts component from the ag-charts-react package:

import { AgCharts } from 'ag-charts-react';

To use AG Charts Enterprise features, import the ag-charts-enterprise package:

import 'ag-charts-enterprise';

See the Installing Enterprise Licence Key docs for more information on how to install your Enterprise or Trial licence key.

Accessing AG Charts Copy

To use AG Charts in your React application, return the AgCharts component with your chart options:

const MyChart = () => {
    // Define chart options; Mutating this object will cause the chart to update
    const [chartOptions, setChartOptions] = useState({...});

    // Return the AgCharts component with the chart options
    return <AgCharts options={options} />;
};