diff --git a/app/scripts/components/analysis/results/chart-card.tsx b/app/scripts/components/analysis/results/chart-card.tsx
index a47520eb6..84269c46c 100644
--- a/app/scripts/components/analysis/results/chart-card.tsx
+++ b/app/scripts/components/analysis/results/chart-card.tsx
@@ -157,7 +157,7 @@ export default function ChartCard(props: ChartCardProps) {
onExportClick(e, 'image')}
>
- Image (JPG)
+ Image (PNG)
diff --git a/app/scripts/components/common/chart/analysis/index.tsx b/app/scripts/components/common/chart/analysis/index.tsx
index feac037f9..aa502c1e6 100644
--- a/app/scripts/components/common/chart/analysis/index.tsx
+++ b/app/scripts/components/common/chart/analysis/index.tsx
@@ -56,7 +56,7 @@ export default React.forwardRef(
lineColors: props.colors
})
});
- FileSaver.saveAs(chartImageUrl, `${name}.jpg`);
+ FileSaver.saveAs(chartImageUrl, `${name}.png`);
}
}),
[uniqueKeys, props.colors, altTitle]
diff --git a/app/scripts/components/common/chart/analysis/utils.ts b/app/scripts/components/common/chart/analysis/utils.ts
index 2d80734de..681e1f9e9 100644
--- a/app/scripts/components/common/chart/analysis/utils.ts
+++ b/app/scripts/components/common/chart/analysis/utils.ts
@@ -157,8 +157,8 @@ function drawOnCanvas({
legendHeight
);
- const jpg = c.toDataURL('image/jpg');
- return jpg;
+ const png = c.toDataURL();
+ return png;
}
function loadImageWithPromise(url: string) {