Chart.js: ελαφριά βιβλιοθήκη για γραφήματα στην ιστοσελίδα σας

Chart.js: ελαφριά βιβλιοθήκη για γραφήματα στην ιστοσελίδα σας

Το περιεχόμενο είναι “βασιλιάς”.

Chart.js: Όλοι έχουμε ακούσει ή διαβάσει αυτήν την πρόταση που εκφράζει πόσο ένα καλό κείμενο μπορεί να οδηγήσει τη διαφορά στην επισκεψιμότητα λόγω της επίδρασης του στις μηχανές αναζήτησης.

Ωστόσο, ενώ το κείμενο είναι εξαιρετικό για τις μηχανές αναζήτησης, μερικές φορές, οι άνθρωποι μπορούν να καταλάβουν καλύτερα μια ιδέα εξετάζοντας μια εικόνα ή ένα γράφημα. Για παράδειγμα, εάν ο ιστότοπος σας είναι εξειδικευμένος σε έρευνες, μια περιγραφή σχετικά με μια έρευνα είναι σημαντική, αλλά ένας πίνακας που συνοψίζει τα δεδομένα της έρευνας είναι πολύ πιο ισχυρός για τους χρήστες σας.

Σε αυτό το άρθρο θα σας παρουσιάσω μια βιβλιοθήκη JavaScript που ονομάζεται Chart.js που χρησιμοποιεί το canvas, ένα στοιχείο της HTML5 για να σχεδιάσετε γραφήματα σε μια σελίδα.

Η βιβλιοθήκη δεν έχει εξαρτήσεις και το βάρος της είναι πολύ χαμηλό, καθώς είναι ~ 11kb σε μέγεθος όταν την συμπιέσετε και την ανεβάσετε. Ωστόσο, μπορείτε να μειώσετε ακόμα περισσότερο το μέγεθος, εάν δεν χρησιμοποιείτε και τους έξι τύπους βασικών χαρτών, συμπεριλαμβάνοντας μόνο τις μονάδες που χρειάζεστε.

Ένα άλλο “δροσερό” χαρακτηριστικό του Chart.js είναι ότι τα διαγράμματα ανταποκρίνονται, έτσι ώστε να προσαρμοστούν ανάλογα με τον διαθέσιμο χώρο. Τέλος, σε αντίθεση με πολλές βιβλιοθήκες που μπορείτε να βρείτε στο διαδίκτυο, παρέχει εκτεταμένη και σαφή τεκμηρίωση που μπορεί κάποιος να κατανοήσει τα βασικά χαρακτηριστικά του καθώς και τις προηγμένες επιλογές του, πολύ εύκολα.

Μπορείτε να κατεβάσετε την τελευταία έκδοση του Chart.js από τις εκδόσεις του GitHub ή να χρησιμοποιήσετε ένα Chart.js CDN. Λεπτομερείς οδηγίες εγκατάστασης μπορείτε να βρείτε στη σελίδα εγκατάστασης.

Κατεβάστε το εδώ

 

Απάντηση

Αυτός ο ιστότοπος χρησιμοποιεί το Akismet για να μειώσει τα ανεπιθύμητα σχόλια. Μάθετε πώς υφίστανται επεξεργασία τα δεδομένα των σχολίων σας.