Kerja Praktik Day 2: Fusion Chart

hingga hari kedua kerja praktik resmi ini, kami belum membuat TOR, jadi kami kerjakan saja yang bisa dikerjakan. Pagi-pagi pak Rikhi, mentor kami, memberikan arahan kepada kami. Beliau merobek selembar kertas dari bukunya, dan mulai memberikan pengarahan. Intinya, kami diminta untuk membuat aplikasi web-base untuk menampilkan Fusion Chart. Mungkin karena baru pertama kali mendengarnya, hatiku bergetar.haha.

Anyway, Chart yang diminta adalah Fusion Chart yang menampilkan data tertentu dari file excel. Namun hari ini kami baru menemukan cara bagaimana membuat Fusion Chart dari XML dengan menggunakan PHP. Fusion Chart ini juga freeware yang bisa diperoleh di sini yang bisa diunduh setelah mengisi biodata.

Pada dasarnya, fusion chart bekerja dengan membaca pola tabel yang bisa dituliskan dalam bentuk XML kemudian berintegerasi dengan flash document, dan ditampilkan dalam HTML, tabel yang dimaksud misalnya bentuk sederhananya sebagai berikut:

<graph caption=’Monthly Unit Sales’ xAxisName=’Month’ yAxisName=’Units’ showNames=’1′ decimalPrecision=’0′ formatNumberScale=’0′>
<set name=’Jan’ value=’462′ color=’AFD8F8′ />
<set name=’Feb’ value=’857′ color=’F6BD0F’ />
<set name=’Mar’ value=’671′ color=’8BBA00′ />
<set name=’Apr’ value=’494′ color=’FF8E46′ />
<set name=’May’ value=’761′ color=’008E8E’ />
<set name=’Jun’ value=’960′ color=’D64646′ />
<set name=’Jul’ value=’629′ color=’8E468E’ />
<set name=’Aug’ value=’622′ color=’588526′ />
<set name=’Sep’ value=’376′ color=’B3AA00′ />
<set name=’Oct’ value=’494′ color=’008ED6′ />
<set name=’Nov’ value=’761′ color=’9D080D’ />
<set name=’Dec’ value=’960′ color=’A186BE’ />
</graph>

kemudian chart tersebut ditampilkan dengan berbagai macam jenisnya, misalnya yang kami buat adalah sebagai berikut:

jika ingin mengetahui lebih jauh mengenai fusion graph ini, boleh diunduh di sini

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s