mirror of
https://github.com/solidtime-io/solidtime.git
synced 2026-08-17 12:42:15 +01:00
improve activitygraphcard chart coloring steps
This commit is contained in:
@@ -112,9 +112,21 @@ const option = computed(() => {
|
|||||||
top: 'center',
|
top: 'center',
|
||||||
pieces: [
|
pieces: [
|
||||||
{ value: 0, color: chartEmptyColor.value },
|
{ 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: 0,
|
||||||
{ gt: max.value * 0.5, lte: max.value * 0.75, color: chroma.mix(chartEmptyColor.value, chartColor.value, 0.8).hex() },
|
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 },
|
{ gt: max.value * 0.75, lte: max.value, color: chartColor.value },
|
||||||
],
|
],
|
||||||
show: false,
|
show: false,
|
||||||
|
|||||||
Reference in New Issue
Block a user