Angular Data Grid: Downloading Chart Image
This section shows how to download charts via the Chart Toolbar and Grid API.
Downloading Charts via Chart Toolbar
Users can use the 'Download Chart' Chart Toolbar item to download the rendered chart in the browser.
Note that the downloaded chart image will be in a PNG
format.
Downloading Charts via Grid API
There are 2 ways to download the chart image using the Grid API as shown below:
| Returns a string containing the requested data URL which contains a representation of the chart image.
| |
| Downloads the chart image in the browser.
|
The getChartImageDataURL(params)
API returns a string (base64 encoded) containing the requested data URL which is
ideal for saving to a database and downloading the chart image.
Alternatively you can use the downloadChart(params)
API which will download the chart image directly in the browser.
The example below demonstrates how you can retrieve images rendered from the chart in multiple formats.
- Click Download Chart Image (PNG) to download a PNG format image via
getChartImageDataURL()
- Click Download Chart Image (JPG 800x500) to download a custom size image via
downloadChart()
- Click Open Chart Image (JPG) to open a JPEG format image in a new window via
getChartImageDataURL()
Next Up
Continue to the next section to learn about: Chart Tool Panel API.