teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

1

バグを修正

2018/03/29 14:00

投稿

defghi1977
defghi1977

スコア4756

answer CHANGED
@@ -47,15 +47,21 @@
47
47
  }
48
48
  }
49
49
  });
50
- function addChart(target, values){
50
+ var addChart = function(target, values){
51
51
  const canvas = canvasTmpl.cloneNode(false);
52
- document.body.appendChild(canvas);
52
+ target.appendChild(canvas);
53
53
  const chartSettings = JSON.parse(chartSettingsString);
54
54
  chartSettings.data.datasets[0].data = [...values];
55
55
  new Chart(canvas.getContext("2d"), chartSettings);
56
56
  }
57
- addChart(document.body, [3, 3, 3, 3, 3, 2]);
58
- addChart(document.body, [1, 3, 4, 5, 1, 2]);
59
57
  }
58
+ ```
60
59
 
60
+ としておいて,
61
+
62
+ ```HTML
63
+ <div>
64
+ <script>addChart(document.currentScript.parentNode, [3, 3, 3, 3, 3, 2])</script>
65
+ </div>
61
- ```
66
+ ```
67
+ とかね