From 8107c6a208eae780f40907f34bb858c8316c32b1 Mon Sep 17 00:00:00 2001 From: Gregor Vostrak Date: Mon, 16 Feb 2026 15:29:46 +0100 Subject: [PATCH] improve activitygraphcard chart coloring steps --- .../Components/Dashboard/ActivityGraphCard.vue | 18 +++++++++++++++--- 1 file changed, 15 insertions(+), 3 deletions(-) diff --git a/resources/js/Components/Dashboard/ActivityGraphCard.vue b/resources/js/Components/Dashboard/ActivityGraphCard.vue index 302ba43c..def34cad 100644 --- a/resources/js/Components/Dashboard/ActivityGraphCard.vue +++ b/resources/js/Components/Dashboard/ActivityGraphCard.vue @@ -112,9 +112,21 @@ const option = computed(() => { top: 'center', pieces: [ { value: 0, color: chartEmptyColor.value }, - { gt: 0, lte: max.value * 0.25, color: chroma.mix(chartEmptyColor.value, chartColor.value, 0.4).hex() }, - { gt: max.value * 0.25, lte: max.value * 0.5, color: chroma.mix(chartEmptyColor.value, chartColor.value, 0.6).hex() }, - { gt: max.value * 0.5, lte: max.value * 0.75, color: chroma.mix(chartEmptyColor.value, chartColor.value, 0.8).hex() }, + { + gt: 0, + lte: max.value * 0.25, + color: chroma.mix(chartEmptyColor.value, chartColor.value, 0.3).hex(), + }, + { + gt: max.value * 0.25, + lte: max.value * 0.5, + color: chroma.mix(chartEmptyColor.value, chartColor.value, 0.6).hex(), + }, + { + gt: max.value * 0.5, + lte: max.value * 0.75, + color: chroma.mix(chartEmptyColor.value, chartColor.value, 0.8).hex(), + }, { gt: max.value * 0.75, lte: max.value, color: chartColor.value }, ], show: false,