---
product: "AG Charts"
title: "Create/Update"
description: "Learn about creating and updating charts in more detail."
framework: angular
version: "14.2.0"
llms: "https://www.ag-grid.com/charts/archive/14.2.0/llms.txt"
---

# Create/Update

Learn about creating and updating charts in more detail.

## Creating and Updating Charts

`AgChartOptions` are supplied to the AG Charts component, and mutations of the options trigger an update of the chart configuration.

See the [Options Reference](https://www.ag-grid.com/charts/archive/14.2.0/options/) for more detail about the `AgChartOptions` structure.

The following example demonstrates both create and update cases:

- Definition of an `options` object used to create the initial chart state.
- Buttons that invoke mutations of the `options` and trigger update of the chart state.

#### Create and Update with AgChartOptions

```ts
// Angular entry point file
import '@angular/compiler';
import { bootstrapApplication } from '@angular/platform-browser';

import { AppComponent } from './app.component';

bootstrapApplication(AppComponent);
```

[Live example: Create and Update with AgChartOptions](https://www.ag-grid.com/charts/archive/14.2.0/angular/api-create-update/examples/create-update/)

## Destroying Charts

Charts are automatically destroyed when the AG Charts component is removed from the DOM.