React Data GridInstall Integrated Charts

This section shows how to install Integrated Charts.

The Integrated Enterprise Charts module, which includes AG Charts Enterprise, can be provided via AgGridProvider as follows:

import { ClientSideRowModelModule } from 'ag-grid-community';
import { IntegratedChartsModule } from 'ag-grid-enterprise';
import { AgChartsEnterpriseModule } from 'ag-charts-enterprise';
import { AgGridProvider, AgGridReact } from 'ag-grid-react';

const modules = [
    ClientSideRowModelModule,
    IntegratedChartsModule.with(AgChartsEnterpriseModule),
];

function App() {
    return (
        <AgGridProvider modules={modules}>
            <AgGridReact /* ... props */ />
        </AgGridProvider>
    );
}

Next Up Copy Link

Continue to the next section to learn about User Created Charts.