質問編集履歴
2
サンプルコードの不備
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
datasets:[
|
|
23
23
|
{
|
|
24
24
|
label:"サンプル",
|
|
25
|
-
data:[10, 20, 30, 40, 25, null, 30, 35, 20, 15, 10, 5
|
|
25
|
+
data:[10, 20, 30, 40, 25, null, 30, 35, 20, 15, 10, 5],
|
|
26
26
|
borderColor:"rgba(54, 162, 235, 0.8)",
|
|
27
27
|
backgroundColor:"rgba(54, 162, 235, 0.5)"
|
|
28
28
|
}
|
1
コードとキャプチャを追加
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -8,4 +8,30 @@
|
|
|
8
8
|
|
|
9
9
|
chartjsにこだわりはなく、他のプラグインで実現できるならそちらを使用する形でも構いません。
|
|
10
10
|
|
|
11
|
-
こうやればできる、このプラグインならできるという情報をお持ちの方、助言いただけますでしょうか。
|
|
11
|
+
こうやればできる、このプラグインならできるという情報をお持ちの方、助言いただけますでしょうか。
|
|
12
|
+
|
|
13
|
+
### 該当のソースコード
|
|
14
|
+
サンプルのソースは以下のとおりです。
|
|
15
|
+
```jquery
|
|
16
|
+
$(function() {
|
|
17
|
+
var ctx = document.getElementById('graph').getContext('2d');
|
|
18
|
+
var myChart = new Chart(ctx, {
|
|
19
|
+
type:"line",
|
|
20
|
+
data:{
|
|
21
|
+
labels:['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
|
|
22
|
+
datasets:[
|
|
23
|
+
{
|
|
24
|
+
label:"サンプル",
|
|
25
|
+
data:[10, 20, 30, 40, 25, null, 30, 35, 20, 15, 10, 5, 20],
|
|
26
|
+
borderColor:"rgba(54, 162, 235, 0.8)",
|
|
27
|
+
backgroundColor:"rgba(54, 162, 235, 0.5)"
|
|
28
|
+
}
|
|
29
|
+
]
|
|
30
|
+
}
|
|
31
|
+
});
|
|
32
|
+
});
|
|
33
|
+
```
|
|
34
|
+
結果としては以下のグラフが描画されます。
|
|
35
|
+
5月と7月の間に空白ができてしまうので5月と7月も線で結びたいです。
|
|
36
|
+
|
|
37
|
+
|