Refactor

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

@@ -2,6 +2,7 @@
   import { ApexOptionsBuilder } from "./ApexOptionsBuilder"
   import ApexChart from "./ApexChart.svelte"
   import { get } from "lodash";
+  import formatters from "./formatters"
 
   export let title
   export let dataProvider
@@ -24,13 +25,6 @@
   export let stacked
   export let gradient
 
-  const formatters = {
-    ["Default"]: val => val,
-    ["Thousands"]: val => `${Math.round(val / 1000)}K`,
-    ["Millions"]: val => `${Math.round(val / 1000000)}M`,
-    ["Datetime"]: val => (new Date(val)).toLocaleString()
-  }
-
   $: series = getSeries(dataProvider, valueColumns)
   $: categories = getCategories(dataProvider, labelColumn);
 

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

@@ -2,6 +2,7 @@
   import { ApexOptionsBuilder } from "./ApexOptionsBuilder"
   import ApexChart from "./ApexChart.svelte"
   import { get } from "lodash";
+  import formatters from "./formatters"
 
   export let dataProvider
   export let labelColumn
@@ -21,13 +22,6 @@
   export let c1, c2, c3, c4, c5
   export let horizontal
 
-  const formatters = {
-    ["Default"]: val => val,
-    ["Thousands"]: val => `${Math.round(val / 1000)}K`,
-    ["Millions"]: val => `${Math.round(val / 1000000)}M`,
-    ["Datetime"]: val => (new Date(val)).toLocaleString()
-  }
-
   $: series = getSeries(dataProvider, valueColumns)
   $: categories = getCategories(dataProvider, labelColumn);
 

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

@@ -2,6 +2,7 @@
   import { ApexOptionsBuilder } from "./ApexOptionsBuilder"
   import ApexChart from "./ApexChart.svelte"
   import { get } from "lodash";
+  import formatters from "./formatters"
 
   export let title
   export let dataProvider
@@ -19,13 +20,6 @@
   export let palette
   export let c1, c2, c3, c4, c5
 
-  const formatters = {
-    ["Default"]: val => val,
-    ["Thousands"]: val => `${Math.round(val / 1000)}K`,
-    ["Millions"]: val => `${Math.round(val / 1000000)}M`,
-    ["Datetime"]: val => (new Date(val)).toLocaleString()
-  }
-
   $: series = getSeries(dataProvider, valueColumns)
   $: categories = getCategories(dataProvider, labelColumn);