Ako vaša stranica sadrži veliki broj podataka, onda vi trebate pronaći način kako podatke prikazati na što jednostavnij način. U ovom članku upoznati ćemo vas sa JavaScript graf dodatkom Chart.js. Chart.js je snažni dodatak za vizualizaciju podataka.

Zašto Chart.js ?

Mi smo odabrali Chart.js zato što ga je jednostavno naučiti i lako koristiti.

Instalacija Chart.js

Trebamo samo dvije stvari za upotrebu Chart.js

1. Dodatak (library) - za ovaj tutorijal mi ćemo koristit CDN zato što je jednostavnij za postavljanje i pokreće se brže.

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.1/Chart.min.js"></script>

2. Canvas element

</canvas><canvas id="myChart"></canvas>​

Donosimo vam 6 vrsta grafova koje ćemo učiti u narednim tutorijalima

1.    Bar chart

2.    Line chart

3.    Pie chart

4.    Radar chart

5.    Doughnut chart

6.    Polar area chart