Skip to content

Commit cf7e5f7

Browse files
committed
Initial commit
0 parents  commit cf7e5f7

File tree

6 files changed

+56
-0
lines changed

6 files changed

+56
-0
lines changed

README.md

+3
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
# bs-chartjs
2+
3+
[Edit in Codeflow ⚡️](https://stackblitz.com/~/github.com/yalozhkin/bs-chartjs)

index.html

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
<div id="app"></div>

index.js

+38
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
<canvas id="myChart" width="400" height="400"></canvas>
2+
<script>
3+
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

+6
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
{
2+
"name": "js",
3+
"version": "0.0.0",
4+
"private": true,
5+
"dependencies": {}
6+
}

style.css

+3
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
h1, h2 {
2+
font-family: Lato;
3+
}

tsconfig.json

+5
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
{
2+
"compilerOptions": {
3+
"target": "esnext"
4+
}
5+
}

0 commit comments

Comments
 (0)