Er zijn verschillende bibliotheken beschikbaar om grafieken te maken met JavaScript. Een van de meest populaire is Chart.js. Voordat je begint, moet je ervoor zorgen dat je een basiskennis hebt van JavaScript.
Hier is een basisvoorbeeld van hoe je een lijngrafiek maakt met Chart.js:
1. Eerst moet je Chart.js toevoegen aan je project. Je kunt dit doen door de volgende scripttag toe te voegen aan je HTML-bestand:
```
```
```
1. In je JavaScript bestand maak je een nieuwe Chart-object:
```
var ctx = document.getElementById(‘myChart’).getContext(‘2d’);
var myChart = new Chart(ctx, {
type: ‘line’, // type of chart
data: {
labels: [‘Jan’, ‘Feb’, ‘Mar’, ‘Apr’, ‘May’, ‘Jun’, ‘Jul’,‘Aug’,‘Sep’,‘Oct’,‘Nov’,‘Dec’], // X axis labels
datasets: [{
label: ‘My First dataset’,
data: [65, 59, 80, 81, 56, 55, 40,34,67,23,78,100], // data to represent (Y axis)
borderColor: ‘rgba(75, 192, 192, 1)’, // Color of the line
}]
},
});
```
Nu heb je een basale lijngrafiek! Je kan de aanpassen naar jouw toepassing en de documentatie van Chart.js gebruiken om meer complexe grafieken te creëren.
Er zijn ook andere bibliotheken beschikbaar om grafieken te maken in JavaScript, zoals D3.js, Google Charts, en meer. De keuze voor een specifieke bibliotheek hangt vooral af van jouw specifieke eisen en voorkeuren.
