質問編集履歴

1

ソース追加

2019/04/15 14:22

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -64,7 +64,91 @@
64
64
 
65
65
  ```
66
66
 
67
+ ```graph1
67
68
 
69
+ var drawGraph = function(data){
70
+
71
+ var ctx = document.getElementById('graph1').getContext('2d');
72
+
73
+ var myChart = new Chart(ctx, {
74
+
75
+ type: 'line',
76
+
77
+ data: { labels: data[0],
78
+
79
+ datasets: [{ label:'気温', data:data[1] },
80
+
81
+ { label:'湿度', data:data[2] }]
82
+
83
+ }
84
+
85
+ });
86
+
87
+ };
88
+
89
+
90
+
91
+ window.onload=function () {
92
+
93
+ var data = [['12:00', '13:00', '14:00', '15:00', '16:00'],
94
+
95
+ [22, 23, 21, 20, 19],
96
+
97
+ [55, 50, 45, 43, 42]]
98
+
99
+ drawGraph(data);
100
+
101
+ };
102
+
103
+ ```
104
+
105
+ ```graph2
106
+
107
+ var drawGraph = function(data){
108
+
109
+ var ctx = document.getElementById('graph2').getContext('2d');
110
+
111
+ var myChart = new Chart(ctx, {
112
+
113
+ type: 'line',
114
+
115
+ data: { labels: data[0],
116
+
117
+ datasets: [{ label:'気温', data:data[1],
118
+
119
+ fill: false,
120
+
121
+ backgroundColor: "rgba(200,30,30,0.4)",
122
+
123
+ borderColor: "rgba(230,10,10,1)"},
124
+
125
+ { label:'湿度',
126
+
127
+ fill:false,
128
+
129
+ data:data[2],}]
130
+
131
+ }
132
+
133
+ });
134
+
135
+ };
136
+
137
+
138
+
139
+ window.onload=function () {
140
+
141
+ var data = [['12:00', '13:00', '14:00', '15:00', '16:00'],
142
+
143
+ [22, 23, 21, 20, 19],
144
+
145
+ [55, 50, 45, 43, 42]]
146
+
147
+ drawGraph(data);
148
+
149
+ };
150
+
151
+ ```
68
152
 
69
153
  ### 試したこと
70
154