We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
0 parents commit cf7e5f7Copy full SHA for cf7e5f7
README.md
@@ -0,0 +1,3 @@
1
+# bs-chartjs
2
+
3
+[Edit in Codeflow ⚡️](https://stackblitz.com/~/github.com/yalozhkin/bs-chartjs)
index.html
@@ -0,0 +1 @@
+<div id="app"></div>
index.js
@@ -0,0 +1,38 @@
+<canvas id="myChart" width="400" height="400"></canvas>
+<script>
+const ctx = document.getElementById('myChart').getContext('2d');
4
+const myChart = new Chart(ctx, {
5
+ type: 'bar',
6
+ data: {
7
+ labels: ['Red', 'Blue', 'Yellow', 'Green', 'Purple', 'Orange'],
8
+ datasets: [{
9
+ label: '# of Votes',
10
+ data: [12, 19, 3, 5, 2, 3],
11
+ backgroundColor: [
12
+ 'rgba(255, 99, 132, 0.2)',
13
+ 'rgba(54, 162, 235, 0.2)',
14
+ 'rgba(255, 206, 86, 0.2)',
15
+ 'rgba(75, 192, 192, 0.2)',
16
+ 'rgba(153, 102, 255, 0.2)',
17
+ 'rgba(255, 159, 64, 0.2)'
18
+ ],
19
+ borderColor: [
20
+ 'rgba(255, 99, 132, 1)',
21
+ 'rgba(54, 162, 235, 1)',
22
+ 'rgba(255, 206, 86, 1)',
23
+ 'rgba(75, 192, 192, 1)',
24
+ 'rgba(153, 102, 255, 1)',
25
+ 'rgba(255, 159, 64, 1)'
26
27
+ borderWidth: 1
28
+ }]
29
+ },
30
+ options: {
31
+ scales: {
32
+ y: {
33
+ beginAtZero: true
34
+ }
35
36
37
+});
38
+</script>
package.json
@@ -0,0 +1,6 @@
+{
+ "name": "js",
+ "version": "0.0.0",
+ "private": true,
+ "dependencies": {}
+}
style.css
+h1, h2 {
+ font-family: Lato;
tsconfig.json
@@ -0,0 +1,5 @@
+ "compilerOptions": {
+ "target": "esnext"
0 commit comments