Σχεδιασμός και Υλοποίηση Συστήματος Διαχείρισης Προσωπικών Δαπανών  

20 

 

Έπειτα, στην Εικόνα 7 βλέπουμε την ετικέτα HTML, στο περιεχόμενο της οποίας θα 

αναπαρασταθεί  το  γράφημα.  Τέλος,  η  ίδια  η  γραφική  παράσταση  και  το  πώς 

προβάλεται στο παράθυρο του φυλλομετρητή φαινεται στην Εικόνα 8. 

 

 

Εικόνα 6 Παράδειγμα Chart.js - Κώδικας JavaScript

 

 

 

Εικόνα 7 Παράδειγμα Chart.js - Κώδικας HTML

 

 

 

Εικόνα 8 Παράδειγμα Chart.js - Γράφημα