chartjs

הסקירה

Chart.js מייצר גרפים אינטראקטיביים בתוך אלמנט HTML5 Canvas בדפדפן מיד כשמזינים לו מערך נתונים והגדרות בסיסיות בקוד JavaScript. אתם מקבלים שמונה סוגי תרשימים מובנים, כולל עמודות וקווים, עם אנימציות פעילות ישירות מהקופסה בעת טעינת נתונים או הוספת סדרות חדשות. הקוד מחשב גדלים בעצמו, משרטט צירים, ומצייר מחדש את כל התצוגה כשמשנים את גודל החלון כדי לשמור על קריאות מלאה. התוצאה היא רכיב ויזואלי שנראה מודרני בלי שתצטרכו לתכנת ידנית חישובי פיקסלים מורכבים או לנהל שכבות ציור מסובכות. העבודה כולה נעשית בצד הלקוח, מה שאומר שהשרת שלכם רק שולח מספרים גולמיים והדפדפן של המשתמש מבצע את הרינדור הגרפי בפועל.

מי שמחפש ממשק ניהול חזותי ללא קוד יתאכזב מאוד כאן. אם אתם לא כותבים קוד בעצמכם, הכלי הזה פשוט לא בשבילכם. מדובר בספריית פיתוח שדורשת הטמעה בקוד מקור.

מה קורה למשקל האתר

אחד הדברים שמטרידים מפתחים בהוספת ספריות גרפיות הוא המשקל שהן מעמיסות על קובץ ה־JavaScript הסופי של היישום. בגרסה 4 הוסיפו כאן תמיכה מלאה ביכולת Tree-shaking, שמאפשרת לרשום בקוד רק את החלקים הספציפיים שבהם אתם משתמשים בפועל. הדוגמה באתר מציגה קיצוץ של משקל החבילה מ־48 קילובייט ל־14 קילובייט בלבד, שינוי של עשרות קילובייטים שיכול להשפיע מהותית על זמני הטעינה הראשוניים. לצד זה, בגרסאות האחרונות הוסיפו גם תוסף מובנה שמביא פלטת צבעי מותג ללא שום צורך בהגדרות צבע ראשוניות, לצד תוסף שמאפשר להוסיף כותרות משנה עם אותן יכולות הגדרה של הכותרת הראשית.

ההבדל בין 48 ל־14 קילובייט מורגש מיד ברשתות סלולריות איטיות.

כאשר מציגים סדרות נתונים צפופות, רינדור של אלפי נקודות בדפדפן עלול לגרום לתקיעות חמורות ולתגובתיות איטית. לשם כך קיים תוסף Decimation ייעודי, שמסוגל להתמודד עם מיליון נקודות נתונים על ידי דילול חכם של המידע שמוצג על המסך. אפשר גם למזג סוגי גרפים שונים על אותו משטח, כמו עמודות מעל קו מגמה, כדי ליצור בידול חזותי ברור בין סדרות. בנוסף, יש תמיכה בצירים מורכבים כמו ציר תאריכים ושעות, ציר לוגריתמי או צירים מותאמים אישית. אפשר גם לחלק את פריסת הצירים לקבוצות בעלות משקל שונה, ולעצב כל מקטע בודד בקו לפי קריטריונים ידניים שנקבעו מראש.

כמה זה עולה ולמי זה פתוח

הפרויקט מוגדר כקוד פתוח ומתוחזק כולו על ידי קהילת מפתחים ב־GitHub. המשמעות היא שאין תוכנית מנויים חודשית, אין גרסאות הדגמה מוגבלות בזמן ואין הגבלת כמות משתמשים או צפיות. אתם יכולים להוריד את הקוד, לשלב אותו באפליקציה מסחרית או פנימית, ולהשתמש בכל התכונות בלי לשלם אגורה על רישיון תוכנה. עם זאת, ברישומי התמחור מופיע גם סיווג של תשלום, אך האתר הרשמי עצמו אינו מציג שום מחירון, מסלול ארגוני בתשלום או מחשבון עלויות. אם קיימים שירותים בתשלום סביב המוצר, מדובר כנראה בתמיכה מסחרית של צד שלישי או הרחבות פרטיות שלא מפורטות בעמוד הראשי.

לא הייתי משתמש בזה לבניית דוחות מודפסים. זה שווה את זה רק אם אתם מפתחים ממשק ווב חי.

אין באתר שום התייחסות לתמיכה מובנית בשפות הנכתבות מימין לשמאל או לעברית בפרט. הטקסטים שמופיעים בצירים, בכותרות ובחלונות המרחפים נשענים על טקסט רגיל שמועבר בקוד ועל יכולות הציור של הדפדפן ב־Canvas. מה שבאמת מפריע כאן הוא שאלמנט Canvas לפעמים הופך כיווניות של מילים בעברית או מתקשה בחיבור של מספרים ואותיות. תצטרכו כנראה לבדוק ידנית היפוכים של מחרוזות כדי לוודא שטקסטים בעברית אינם מוצגים בסדר הפוך, במיוחד בתוויות הנתונים ובמקרא.

• רישיוןקוד פתוח בחינם
• מחירון באתרלא קיים כלל
• עברית באתראנגלית בלבד