質問編集履歴
1
部分的な説明追記
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,6 +1,41 @@
|
|
|
1
1
|
下記のようにchart.jsでグラフを書きたいのですがfirebaseのuser/notes/contentsのみを配列で取得してdataに代入するコードがうまく書けなくて困っています。。。。
|
|
2
2
|
|
|
3
|
+
firebaseから下記コードで数字を取得し、this.notesに配列を入れています。
|
|
4
|
+
|
|
3
5
|
```
|
|
6
|
+
created: function() {
|
|
7
|
+
firebase
|
|
8
|
+
.database()
|
|
9
|
+
.ref('notes/' + this.user.uid)
|
|
10
|
+
.once('value')
|
|
11
|
+
.then(result => {
|
|
12
|
+
if (result.val()) {
|
|
13
|
+
this.notes = result.val();
|
|
14
|
+
}
|
|
15
|
+
})
|
|
16
|
+
```
|
|
17
|
+
|
|
18
|
+
この配列を
|
|
19
|
+
|
|
20
|
+
```
|
|
21
|
+
var ctx = document.getElementById('myChart').getContext('2d');
|
|
22
|
+
var myChart = new Chart(ctx, {
|
|
23
|
+
type: 'line',
|
|
24
|
+
data: {
|
|
25
|
+
labels: ['M', 'T', 'W', 'T', 'F', 'S', 'S'],
|
|
26
|
+
datasets: [{
|
|
27
|
+
label: 'apples',
|
|
28
|
+
data: /*ここにnotesのcontentプロパティを展開したい*/,
|
|
29
|
+
backgroundColor: "rgba(153,255,51,0.4)"
|
|
30
|
+
},
|
|
31
|
+
```
|
|
32
|
+
|
|
33
|
+
chart.jsのdataにcontentsプロパティのみを入れたいと考えています。その際の良いコードが思いつかず困っています。
|
|
34
|
+
|
|
35
|
+
|
|
36
|
+
全体
|
|
37
|
+
|
|
38
|
+
```
|
|
4
39
|
<template>
|
|
5
40
|
上記省略
|
|
6
41
|
<canvas id="myChart"></canvas>
|