chart clean up

packages/client/src/components/app/charts/AreaChart.svelte

@@ -99,7 +99,13 @@
     return valueColumns.map(column => ({
       name: column,
       data: rows.map(row => {
-        return row?.[column]
+        const value = row?.[column]
+
+        if (dataProvider?.schema?.[column]?.type === "datetime" && value) {
+          return Date.parse(value);
+        }
+
+        return value
       }),
     }))
   }

packages/client/src/components/app/charts/BarChart.svelte

@@ -98,7 +98,13 @@
     return valueColumns.map(column => ({
       name: column,
       data: rows.map(row => {
-        return row?.[column]
+        const value = row?.[column]
+
+        if (dataProvider?.schema?.[column]?.type === "datetime" && value) {
+          return Date.parse(value);
+        }
+
+        return value
       }),
     }))
   }
@@ -130,8 +136,6 @@
 
     return formatters[valueUnits]
   }
-
-  $: console.log("opt", options);
 </script>
 
 <ApexChart {options} />

packages/client/src/components/app/charts/DonutChart.svelte

@@ -61,6 +61,12 @@
 
     return rows.map(row => {
       const value = row?.[valueColumn]
+
+      if (dataProvider?.schema?.[valueColumn]?.type === "datetime" && value) {
+        return Date.parse(value);
+      }
+
+      // This chart doesn't automatically parse strings into numbers
       const numValue = parseFloat(value);
       if (isNaN(numValue)) {
         return 0;

packages/client/src/components/app/charts/LineChart.svelte

@@ -91,7 +91,13 @@
     return valueColumns.map(column => ({
       name: column,
       data: rows.map(row => {
-        return row?.[column]
+        const value = row?.[column]
+
+        if (dataProvider?.schema?.[column]?.type === "datetime" && value) {
+          return Date.parse(value);
+        }
+
+        return value
       }),
     }))
   }

packages/client/src/components/app/charts/PieChart.svelte

@@ -61,6 +61,12 @@
 
     return rows.map(row => {
       const value = row?.[valueColumn]
+
+      if (dataProvider?.schema?.[valueColumn]?.type === "datetime" && value) {
+        return Date.parse(value);
+      }
+
+      // This chart doesn't automatically parse strings into numbers
       const numValue = parseFloat(value);
       if (isNaN(numValue)) {
         return 0;