ホーム画面のインラインスクリプトをhome.jsに移動

2019-03-05 00:25:13 +09:00
parent 81e37034ce
commit d4d98db686
3 changed files with 42 additions and 39 deletions
--- a/resources/assets/js/home.js
+++ b/resources/assets/js/home.js
@@ -0,0 +1,38 @@
+import Chart from 'chart.js';
+
+const graph = document.getElementById('global-count-graph');
+const labels = JSON.parse(document.getElementById('global-count-labels').textContent);
+const data = JSON.parse(document.getElementById('global-count-data').textContent);
+
+new Chart(graph.getContext('2d'), {
+    type: 'bar',
+    data: {
+        labels,
+        datasets: [{
+            data,
+            backgroundColor: 'rgba(0, 0, 0, .1)',
+            borderColor: 'rgba(0, 0, 0, .25)',
+            borderWidth: 1
+        }]
+    },
+    options: {
+        maintainAspectRatio: false,
+        legend: {
+            display: false
+        },
+        elements: {
+            line: {}
+        },
+        scales: {
+            xAxes: [{
+                display: false
+            }],
+            yAxes: [{
+                display: false,
+                ticks: {
+                    beginAtZero: true
+                }
+            }]
+        }
+    }
+});