Framework:Javascript Data GridAngular Data GridReact Data GridVue Data Grid

Vue Data Grid: Downloading Chart Image

This section shows how to download the chart image though via the Grid API.

It is possible to retrieve a base64 encoded image rendered from the chart using the getChartImageDataURL(params) API. This API returns a string containing the requested data URL which is ideal for saving to a database and downloading the chart image.

The example below demonstrates how you can retrieve images rendered from the chart in multiple formats.

  • Click "Download chart PNG" to download a PNG format image.
  • Click "Download chart JPEG" to download a JPEG format image.
  • Click "Open PNG" to open a PNG format image of the chart in a new window.
  • Click "Open JPEG" to open a JPEG format image of the chart in a new window.

Next Up

Continue to the next section to learn about: Chart Customisation.