# updateChart

Changes an existing chart's type, source range, or properties and returns the result.

Canonical: https://grid.syidax.com/docs/methods/updateChart/

<a id="meaning"></a>

## What does this API do?

Changes an existing chart's type, source range, or properties and returns the result.

API for Pro features: Integrated range charts and pivot chart tools

<a id="contract"></a>

## Exact input and result types

```typescript
updateChart(chartId: string, patch: SyGridChartUpdatePatch): Promise<SyGridChartUpdateResult>
```

| Arguments | Required | Type |
| --- | --- | --- |
| chartId | Required | string |
| patch | Required | SyGridChartUpdatePatch |

The return type is `Promise<SyGridChartUpdateResult>`.

<a id="usage"></a>

## Usage flow

After registering and initializing the Grid element, call grid.updateChart(…). Read the return value with await. For methods returning a boolean or report, inspect the result before continuing.

<a id="types"></a>

## Read related types

- [SyGridChartUpdatePatch](https://grid.syidax.com/docs/types/SyGridChartUpdatePatch.md)
- [SyGridChartUpdateResult](https://grid.syidax.com/docs/types/SyGridChartUpdateResult.md)

<a id="recipes"></a>

## Feature explanations and examples

- [Chart selected data](https://grid.syidax.com/docs/features/integrated-charts.md) — Connect a Grid range to a chart to view the same data as both a table and a graph. Select category and value columns appropriate to the chart type, rather than simply selecting numeric values.