first

src/data/dashboards/lifestyle-v1/influenceChart.ts

@@ -0,0 +1,57 @@
+export function useInfluenceChart() {
+  const themeColors = useThemeColors()
+  const influenceChartOptions = shallowRef({
+    series: [65],
+    chart: {
+      height: 170,
+      type: 'radialBar',
+      offsetX: -15,
+      offsetY: -10,
+      toolbar: {
+        show: false,
+      },
+    },
+    colors: [themeColors.yellow, themeColors.secondary],
+    plotOptions: {
+      radialBar: {
+        startAngle: -135,
+        endAngle: 135,
+        dataLabels: {
+          name: {
+            fontSize: '13px',
+            fontWeight: '600',
+            color: themeColors.grey,
+            show: false,
+          },
+          value: {
+            offsetY: 5,
+            fontSize: '16px',
+            fontFamily: '"Roboto Flex Variable", sans-serif',
+            fontWeight: '500',
+            color: undefined,
+            formatter: asPercent,
+          },
+        },
+      },
+    },
+    fill: {
+      type: 'gradient',
+      gradient: {
+        shade: 'dark',
+        shadeIntensity: 0.15,
+        inverseColors: false,
+        opacityFrom: 1,
+        opacityTo: 1,
+        stops: [0, 50, 65, 91],
+      },
+    },
+    stroke: {
+      dashArray: 4,
+    },
+    labels: ['(30 days)'],
+  })
+
+  return {
+    influenceChartOptions,
+  }
+}