diff --git a/frontend/src/Editor/Components/Chart.jsx b/frontend/src/Editor/Components/Chart.jsx
index be3554d474..f92d9a2a86 100644
--- a/frontend/src/Editor/Components/Chart.jsx
+++ b/frontend/src/Editor/Components/Chart.jsx
@@ -29,9 +29,11 @@ export const Chart = function Chart({
   const titleProperty = component.definition.properties.title;
   const title = titleProperty.value;
 
+  const typeProperty = component.definition.properties.type;
+  const chartType = typeProperty.value;
 
   const chartData = [{
-    type: 'line',
+    type: chartType || 'line',
     x: data.map((item) => item["x"]),
     y: data.map((item) => item["y"])
   }]