improve default colors

modrinth · Oct 26, 2023 · e05aae1 · e05aae1
1 parent a1926a9
commit e05aae1
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 2 deletions.
diff --git a/docs/components/analytics.md b/docs/components/analytics.md
@@ -86,7 +86,6 @@
       },
     ]"  
     hide-total
-    :colors="['#FF0000', '#00FF00', '#0000FF']"
     suffix="<svg xmlns='http://www.w3.org/2000/svg' class='h-6 w-6' fill='none' viewBox='0 0 24 24' stroke='currentColor' stroke-width='2'><path stroke-linecap='round' stroke-linejoin='round' d='M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4' /></svg>"
   >
   Slot for title stuff

diff --git a/lib/components/chart/Chart.vue b/lib/components/chart/Chart.vue
@@ -24,7 +24,13 @@ const props = defineProps({
   },
   colors: {
     type: Array,
-    default: () => ['var(--color-brand)'],
+    default: () => [
+      'var(--color-brand)',
+      'var(--color-blue)',
+      'var(--color-purple)',
+      'var(--color-red)',
+      'var(--color-orange)',
+    ],
   },
   prefix: {
     type: String,
@@ -115,6 +121,15 @@ const chartOptions = ref({
       size: 6,
     },
   },
+  plotOptions: {
+    bar: {
+      columnWidth: '80%',
+      endingShape: 'rounded',
+      borderRadius: 5,
+      borderRadiusApplication: 'end',
+      borderRadiusWhenStacked: 'last',
+    },
+  },
   tooltip: {
     custom: function ({ series, seriesIndex, dataPointIndex, w }) {
       console.log(seriesIndex, w)