first

src/data/dashboards/lifestyle-v3/energyChart.ts

@@ -0,0 +1,90 @@
+function generateDayWiseTimeSeries(
+  baseval: number,
+  count: number,
+  yrange: { min: number, max: number },
+) {
+  let i = 0
+  const series = []
+  while (i < count) {
+    const y = Math.floor(Math.random() * (yrange.max - yrange.min + 1)) + yrange.min
+
+    series.push([baseval, y])
+    baseval += 86400000
+    i++
+  }
+  return series
+}
+
+export function useEnergyChart() {
+  const themeColors = useThemeColors()
+  const energyChartOptions = shallowRef({
+    series: [
+      {
+        name: 'Tonic',
+        data: generateDayWiseTimeSeries(new Date('Oct 11 2020 GMT').getTime(), 20, {
+          min: 10,
+          max: 60,
+        }),
+      },
+      {
+        name: 'Tantra',
+        data: generateDayWiseTimeSeries(new Date('Oct 11 2020 GMT').getTime(), 20, {
+          min: 10,
+          max: 60,
+        }),
+      },
+      {
+        name: 'Vital',
+        data: generateDayWiseTimeSeries(new Date('Oct 11 2020 GMT').getTime(), 30, {
+          min: 10,
+          max: 60,
+        }),
+      },
+    ],
+    chart: {
+      height: 280,
+      type: 'scatter',
+      zoom: {
+        type: 'xy',
+      },
+      toolbar: {
+        show: false,
+      },
+    },
+    colors: [themeColors.purple, themeColors.lime, themeColors.purple],
+    dataLabels: {
+      enabled: false,
+      show: false,
+    },
+    grid: {
+      show: false,
+      xaxis: {
+        lines: {
+          show: false,
+        },
+      },
+      yaxis: {
+        lines: {
+          show: false,
+        },
+      },
+    },
+    xaxis: {
+      show: false,
+      type: 'datetime',
+    },
+    yaxis: {
+      show: false,
+      max: 70,
+    },
+    legend: {
+      show: false,
+      position: 'top',
+      horizontalAlign: 'center',
+    },
+  })
+
+  return {
+    energyChartOptions,
+  }
+}