型を付ける音「ｶﾀｶﾀ...」

2020-06-06 16:14:11 +09:00
parent 57c6eff442
commit a67a6a8be9
16 changed files with 117 additions and 58 deletions
--- a/resources/assets/js/home.ts
+++ b/resources/assets/js/home.ts
@@ -0,0 +1,38 @@
+import * as Chart from 'chart.js';
+
+const graph = document.getElementById('global-count-graph') as HTMLCanvasElement;
+const labels = JSON.parse(document.getElementById('global-count-labels')!.textContent as string);
+const data = JSON.parse(document.getElementById('global-count-data')!.textContent as string);
+
+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
+                }
+            }]
+        }
+    }
+});