🎨
This commit is contained in:
parent
1ce662e014
commit
2e139e9d65
2 changed files with 7 additions and 21 deletions
|
@ -16,7 +16,7 @@
|
||||||
|
|
||||||
> rect
|
> rect
|
||||||
transform-origin center
|
transform-origin center
|
||||||
transform scale(0.9)
|
transform scale(0.8)
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
<script>
|
<script>
|
||||||
|
@ -33,16 +33,9 @@
|
||||||
let x = 0;
|
let x = 0;
|
||||||
data.reverse().forEach(d => {
|
data.reverse().forEach(d => {
|
||||||
d.x = x;
|
d.x = x;
|
||||||
d.v = d.total / this.peak;
|
let v = d.total / this.peak;
|
||||||
d.color = d.v > 0.75
|
if (v > 1) v = 1;
|
||||||
? '#196127'
|
d.color = `hsl(180, ${v * 100}%, ${15 + ((1 - v) * 80)}%)`;
|
||||||
: d.v > 0.5
|
|
||||||
? '#239a3b'
|
|
||||||
: d.v > 0.25
|
|
||||||
? '#7bc96f'
|
|
||||||
: d.v > 0
|
|
||||||
? '#c6e48b'
|
|
||||||
: '#eee';
|
|
||||||
d.date.weekday = (new Date(d.date.year, d.date.month - 1, d.date.day)).getDay();
|
d.date.weekday = (new Date(d.date.year, d.date.month - 1, d.date.day)).getDay();
|
||||||
if (d.date.weekday == 6) x++;
|
if (d.date.weekday == 6) x++;
|
||||||
});
|
});
|
||||||
|
|
|
@ -59,16 +59,9 @@
|
||||||
let x = 0;
|
let x = 0;
|
||||||
data.reverse().forEach(d => {
|
data.reverse().forEach(d => {
|
||||||
d.x = x;
|
d.x = x;
|
||||||
d.v = d.total / this.peak;
|
let v = d.total / this.peak;
|
||||||
d.color = d.v > 0.75
|
if (v > 1) v = 1;
|
||||||
? '#195061'
|
d.color = `hsl(180, ${v * 100}%, ${15 + ((1 - v) * 80)}%)`;
|
||||||
: d.v > 0.5
|
|
||||||
? '#238f9a'
|
|
||||||
: d.v > 0.25
|
|
||||||
? '#6fc5c9'
|
|
||||||
: d.v > 0
|
|
||||||
? '#8be4dc'
|
|
||||||
: '#eee';
|
|
||||||
d.date.weekday = (new Date(d.date.year, d.date.month - 1, d.date.day)).getDay();
|
d.date.weekday = (new Date(d.date.year, d.date.month - 1, d.date.day)).getDay();
|
||||||
if (d.date.weekday == 6) x++;
|
if (d.date.weekday == 6) x++;
|
||||||
});
|
});
|
||||||
|
|
Loading…
Reference in a new issue