Charts can be downloaded on desktop by right-clicking the canvas, but it is not as easy on mobile. A button to download the image would make it easier. If possible, the downloaded images should all have the same dimensions, regardless of screen size or page zoom level.

The button should be added between the chart and the filters.

Image:

Solution:

Convert the chart’s canvas to a Base64 string and export that through a temporary download link. However, this solution will most likely keep the canvas’ resolution and so be dependent on the current zoom level and screen width.

const chartDataURL = chart.toBase64Image();
const link = document.createElement("a");
link.href = chartDataURL;
link.download = `${chart_type}_${snapshot_date}.png`;
link.click();