@@ -2,14 +2,14 @@
|
||||
<div class="mk-activity">
|
||||
<svg v-if="data" ref="canvas" viewBox="0 0 30 1" preserveAspectRatio="none">
|
||||
<g v-for="(d, i) in data">
|
||||
<rect width="0.8" :height="d.postsH"
|
||||
:x="i + 0.1" :y="1 - d.postsH - d.repliesH - d.repostsH"
|
||||
<rect width="0.8" :height="d.notesH"
|
||||
:x="i + 0.1" :y="1 - d.notesH - d.repliesH - d.renotesH"
|
||||
fill="#41ddde"/>
|
||||
<rect width="0.8" :height="d.repliesH"
|
||||
:x="i + 0.1" :y="1 - d.repliesH - d.repostsH"
|
||||
:x="i + 0.1" :y="1 - d.repliesH - d.renotesH"
|
||||
fill="#f7796c"/>
|
||||
<rect width="0.8" :height="d.repostsH"
|
||||
:x="i + 0.1" :y="1 - d.repostsH"
|
||||
<rect width="0.8" :height="d.renotesH"
|
||||
:x="i + 0.1" :y="1 - d.renotesH"
|
||||
fill="#a1de41"/>
|
||||
</g>
|
||||
</svg>
|
||||
@@ -32,12 +32,12 @@ export default Vue.extend({
|
||||
userId: this.user.id,
|
||||
limit: 30
|
||||
}).then(data => {
|
||||
data.forEach(d => d.total = d.posts + d.replies + d.reposts);
|
||||
data.forEach(d => d.total = d.notes + d.replies + d.renotes);
|
||||
this.peak = Math.max.apply(null, data.map(d => d.total));
|
||||
data.forEach(d => {
|
||||
d.postsH = d.posts / this.peak;
|
||||
d.notesH = d.notes / this.peak;
|
||||
d.repliesH = d.replies / this.peak;
|
||||
d.repostsH = d.reposts / this.peak;
|
||||
d.renotesH = d.renotes / this.peak;
|
||||
});
|
||||
data.reverse();
|
||||
this.data = data;
|
||||
|
||||
Reference in New Issue
Block a user