Add example files

kannkyo · kannkyo · commit c9b53732f8c1 · 2019-03-29T23:02:22.000+09:00
diff --git a/.vscode/launch.json b/.vscode/launch.json
@@ -0,0 +1,14 @@
+{
+    // IntelliSense を使用して利用可能な属性を学べます。
+    // 既存の属性の説明をホバーして表示します。
+    // 詳細情報は次を確認してください: https://go.microsoft.com/fwlink/?linkid=830387
+    "version": "0.2.0",
+    "configurations": [
+        {
+            "name": "Launch index.html",
+            "type": "chrome",
+            "request": "launch",
+            "file": "${workspaceFolder}/example.html"
+        }
+    ]
+}
diff --git a/example.html b/example.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+	<title>Gantt Chart</title>
+</head>
+
+<body>
+	<canvas id="myChart"></canvas>
+	<script type="text/javascript" src="./node_modules/chart.js/dist/Chart.bundle.min.js"></script>
+	<script>
+		var ctx = document.getElementById('myChart').getContext('2d');
+		var chart = new Chart(ctx, {
+			// The type of chart we want to create
+			type: 'horizontalBar',
+
+			// The data for our dataset
+			data: {
+				labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
+				datasets: [{
+					label: 'My First dataset',
+					backgroundColor: 'rgb(255, 99, 132)',
+					borderColor: 'rgb(255, 99, 132)',
+					data: [0, 10, 5, 2, 20, 30, 45]
+				}]
+			},
+
+			// Configuration options go here
+			options: {}
+		});
+	</script>
+</body>
+
+</html>
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -0,0 +1,22 @@
+{
+  "name": "sample-chartjs",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/kannkyo/sample-chartjs.git"
+  },
+  "author": "kannkyo",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/kannkyo/sample-chartjs/issues"
+  },
+  "homepage": "https://github.com/kannkyo/sample-chartjs#readme",
+  "dependencies": {
+    "chart.js": "^2.8.0"
+  }
+}
