---
title: "Installation"
framework: angular
version: "14.1.0"
---

# Installation

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

## Installation

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

#### NPM

```bash
npm install ag-charts-angular
```

#### Yarn

```bash
yarn add ag-charts-angular
```

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

#### NPM

```bash
npm install ag-charts-enterprise
```

#### Yarn

```bash
yarn add ag-charts-enterprise
```

> **Note**
>
> You can test AG Charts Enterprise locally without a licence. To test in production, access support and remove the watermark & console warnings, [request a trial licence](https://www.ag-grid.com/charts/angular/community-vs-enterprise/#request-a-30-day-enterprise-bundle-trial-licence).

### Registering Modules

Register the `AllCommunityModule` to access all Community features:

```js
import { AllCommunityModule, ModuleRegistry } from 'ag-charts-community';

// Register all Community features
ModuleRegistry.registerModules([AllCommunityModule]);
```

Register the `AllEnterpriseModule` to access all Community and Enterprise features:

```js
import { AllEnterpriseModule, ModuleRegistry } from 'ag-charts-enterprise';

// Register all Community and Enterprise features
ModuleRegistry.registerModules([AllEnterpriseModule]);
```

> **Note**
>
> To minimise bundle size, only register the modules you want to use. See the [Selecting Modules](https://www.ag-grid.com/charts/angular/module-registry/#selecting-modules) docs for more information.

## Importing

Import the `AgCharts` component from the `ag-charts-angular` package:

```js
import { AgCharts } from 'ag-charts-angular';
```

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

```js
import 'ag-charts-enterprise';
```

See the [Installing Enterprise Licence Key](https://www.ag-grid.com/charts/angular/license-install/) docs for more information on how to install your Enterprise or [Trial](https://www.ag-grid.com/charts/angular/community-vs-enterprise/#request-a-30-day-enterprise-bundle-trial-licence) licence key.

## Accessing AG Charts

To use AG Charts in your Angular application, return the `ag-charts` component with your chart options:

```ts
@Component({
    selector: 'app-root',
    standalone: true,
    imports: [AgCharts],
    template: `<ag-charts style="height: 100%" [options]="chartOptions"> </ag-charts>`,
})
export class AppComponent {
    // Chart Options
    public chartOptions: AgChartOptions;
    constructor() {
        this.chartOptions = {
            /*...*/
        };
    }
}
```