From Dark and Darker Wiki
(Created page with "<p>Testing</p>") |
No edit summary |
||
Line 1: | Line 1: | ||
< | <div> | ||
<canvas id="myChart"></canvas> | |||
</div> | |||
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script> | |||
<script> | |||
const ctx = document.getElementById('myChart'); | |||
new Chart(ctx, { | |||
type: 'bar', | |||
data: { | |||
labels: ['Red', 'Blue', 'Yellow', 'Green', 'Purple', 'Orange'], | |||
datasets: [{ | |||
label: '# of Votes', | |||
data: [12, 19, 3, 5, 2, 3], | |||
borderWidth: 1 | |||
}] | |||
}, | |||
options: { | |||
scales: { | |||
y: { | |||
beginAtZero: true | |||
} | |||
} | |||
} | |||
}); | |||
</script> |
Revision as of 04:02, 7 January 2023
<canvas id="myChart"></canvas>
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script>
const ctx = document.getElementById('myChart');
new Chart(ctx, { type: 'bar', data: { labels: ['Red', 'Blue', 'Yellow', 'Green', 'Purple', 'Orange'], datasets: [{ label: '# of Votes', data: [12, 19, 3, 5, 2, 3], borderWidth: 1 }] }, options: { scales: { y: { beginAtZero: true } } } });
</script>