adalal/solidtime
1
0
Fork 0
mirror of https://github.com/solidtime-io/solidtime.git synced 2026-08-08 00:02:15 +01:00
Code Issues Packages Projects Releases Wiki Activity

improve activitygraphcard chart coloring steps

Browse Source
This commit is contained in:
Gregor Vostrak
2026-02-16 15:29:46 +01:00
parent 6dc517e07d
commit 8107c6a208
1 changed files with 15 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
resources/js/Components/Dashboard/ActivityGraphCard.vue
View File

@@ -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,