גרף קווי ב-Open Flash Chart

הסבר כיצד ליצור גרף קווי באמצעות פלאש עם Open Flash Chart ו-PHP5.

במאמר הקודם למדנו איך להכניס ל-Open Flash Chart גרף מסוג עוגה. במאמר הזה אנו נלמד כיצד לייצר אובייקט JSON שייצר לנו גרף קווי באמצעות Open Flash Chart.

הנה הדוגמא שלנו:

והנה הקוד שיצר אותה:


< ?php
require_once('php-ofc-library/open-flash-chart.php');

//יצירת אובייקט גרף קווי

//קביעת צבע נקודה דיפולטיבית
$line_1_default_dot = new dot();
$line_1_default_dot->colour('#f00000');
//קביעת אנימציה
$on_show = new line_on_show('drop', 10, 0);

//יצירת קו חדש
$line_1 = new line();
//$line_1->loop();
$line_1->set_default_dot_style($line_1_default_dot);
$line_1->set_on_show($on_show); 	
$line_1->set_values( array(5, 2, 1, 4, 3) );
$line_1->set_width( 4 );
$line_1->set_text('My Profits');
$line_1->set_colour('#000000');
$line_1->set_halo_size(30);


//יצירת אובייקט גרף והצמדה של אובייקט הגרף הקווי
$chart = new open_flash_chart();

$chart->add_element($line_1);

//הדפסה של ה-JSON
print $chart->toPrettyString();

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

מתודת set_values

המתודה הבסיסית של הכנסת מערך של ערכים. בדיוק כמו בכל גרף אחר.

מתודת set_text

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

מתודת set_tooltip

המתודה הזו הוסברה בפירוט במאמר על גרף העמודות והיא זהה בכל הגרפים. היא מקבלת ארגומנט של tolltip ומאפשרת לנו לקבוע כיצד ה-tooltip שמופיע כאשר העכבר מרחף מעל הגרף נראה.

מתודת set_key

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

מתודת set_colour

המתודה הזו קובעת את הצבע של הקו (בניגוד לצבע הנקודה).

מתודת loop

מתודה שיוצרת חיבור בין הנקודה האחרונה לנקודה הראשונה. שימושי במקרים מסוימים….

מתודת set_width

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

מתודת set_on_show

מתודה הקובעת את האנימציה של הגרף. המתודה הזו מקבלת כארגומנט אובייקט של line_on_show. ל-constructor של אובייקט זה יש שלוש ארגומנטים – הראשון הוא סוג האנימציה שיכול להיות אחד מהבאים:
'pop-up'
'explode'
'mid-slide'
'drop'
'fade-in'
'shrink-in'
השני הוא משך האנימציה והשלישי הוא תוך כמה שניות תתחיל האנימציה.

מתודת set_default_dot_style

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

ישנם עוד סוגי גרפים רבים ב-Open Flash Chart, רובם ככולם נמצאים בדוקומנטציה והם ברובם ווריאציות על שלושת הגרפים שסקרתי – גרך עמודות, גרף עוגה וגרף קווי.

במאמר הבא אנו נעבור על אלמנטים מתקדמים יותר של Open Flash Chart.

פוסטים נוספים שכדאי לקרוא

פתרונות ומאמרים על פיתוח אינטרנט

נגישות טכנית – פודקאסט ומבוא

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

גלילה לראש העמוד