[Client] ✌️
This commit is contained in:
parent
2d73789a00
commit
8454bddf28
@ -1,7 +1,7 @@
|
|||||||
<mk-activity-table>
|
<mk-activity-table>
|
||||||
<svg if={ data } ref="canvas" viewBox="0 0 53 6.85">
|
<svg if={ data } ref="canvas" viewBox="0 0 53 7" preserveAspectRatio="none">
|
||||||
<rect each={ d, i in data } width="0.8" height="0.8"
|
<rect each={ d, i in data } width="0.8" height="0.8"
|
||||||
x={ 52 - (i / 7) } y={ d.date.weekday }
|
riot-x={ d.x } riot-y={ d.date.weekday }
|
||||||
fill={ d.color }></rect>
|
fill={ d.color }></rect>
|
||||||
</svg>
|
</svg>
|
||||||
<style>
|
<style>
|
||||||
@ -26,7 +26,9 @@
|
|||||||
}).then(data => {
|
}).then(data => {
|
||||||
data.forEach(d => d.total = d.posts + d.replies + d.reposts);
|
data.forEach(d => d.total = d.posts + d.replies + d.reposts);
|
||||||
this.peak = Math.max.apply(null, data.map(d => d.total));
|
this.peak = Math.max.apply(null, data.map(d => d.total));
|
||||||
data.forEach(d => {
|
let x = 0;
|
||||||
|
data.reverse().forEach(d => {
|
||||||
|
d.x = x;
|
||||||
d.v = d.total / this.peak;
|
d.v = d.total / this.peak;
|
||||||
d.color = d.v > 0.75
|
d.color = d.v > 0.75
|
||||||
? '#196127'
|
? '#196127'
|
||||||
@ -38,6 +40,7 @@
|
|||||||
? '#c6e48b'
|
? '#c6e48b'
|
||||||
: '#eee';
|
: '#eee';
|
||||||
d.date.weekday = (new Date(d.date.year + '-' + d.date.month + '-' + d.date.day)).getDay();
|
d.date.weekday = (new Date(d.date.year + '-' + d.date.month + '-' + d.date.day)).getDay();
|
||||||
|
if (d.date.weekday == 6) x++;
|
||||||
});
|
});
|
||||||
this.update({ data });
|
this.update({ data });
|
||||||
});
|
});
|
||||||
|
Loading…
Reference in New Issue
Block a user