This section shows how to install Integrated Charts.
The Integrated Enterprise Charts module, which includes AG Charts Enterprise, can be imported as follows:
// Import minimal modules required for charts
import { ModuleRegistry, ClientSideRowModelModule } from "ag-grid-community";
import { IntegratedChartsModule } from "ag-grid-enterprise";
import { AgChartsEnterpriseModule } from 'ag-charts-enterprise';
ModuleRegistry.registerModules([
ClientSideRowModelModule,
IntegratedChartsModule.with(AgChartsEnterpriseModule)
]);
AG Charts Community (AgChartsCommunityModule) is available from the ag-charts-community package.
CDN Installation
To use Integrated Charts via a CDN then you must include both AG Grid Enterprise and one of AG Charts Community or Enterprise as follows. There is no need to register modules as this is done automatically in the UMD files.
To use AG Charts Community via a CDN, include the following script tags in your HTML file:
<script src="https://cdn.jsdelivr.net/npm/ag-grid-enterprise@33.1.1/dist/ag-grid-enterprise.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/ag-charts-community@11.1.1/dist/umd/ag-charts-community.min.js"></script>
To use AG Charts Enterprise, include the following script tags in your HTML file:
<script src="https://cdn.jsdelivr.net/npm/ag-grid-enterprise@33.1.1/dist/ag-grid-enterprise.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/ag-charts-enterprise@11.1.1/dist/umd/ag-charts-enterprise.min.js"></script>
Next Up
Continue to the next section to learn about User Created Charts.