Pada gambar di atas terdapat dua grafik yaitu Pie Chart dan Column Chart. Column Chart akan menampilkan data detail dari Produk yang dipilih pada Pie Chart.
Tahapan-tahapan untuk membuat tampilan seperti gambar di atas adalah sebagai berikut :
Tahapan-tahapan untuk membuat tampilan seperti gambar di atas adalah sebagai berikut :
- Jalankan XCelsius
- Drag and drop komponen Pie Chart ke dalam canvas
- Isikan sheet Microsoft Excel seperti data di atas
- Masuk ke dalam Properties Pie Chart 1, pilih General
- Mapping Title Chart ke dalam Data!$B$2
- Mapping Data Values ke dalam Data!$C$5:$C$9
- Mapping Data Labels ke dalam Data!$B$5:$B$9
- Masuk ke dalam Properties Drilldown
- Isikan V pada kotak Enable Drilldown
- Pilih kotak Insertion Type dengan Row
- Mapping Source Data ke dalam Data!$B$5:$O$9 (kotak warna hijau dalam Sheet Excel)
- Mapping Destination ke dalam Data!$B$11:$O$11 (kotak warna kuning dalam Sheet Excel)
- Drag and drop komponen Column Chart ke dalam canvas
- Masuk ke dalam Properties Column Chart, pilih General
- Mapping Data Values ke dalam Data!$D$11:$O$11
- Mapping Category Labels(X) ke dalam Data!$D$4:$O$4
- Klik tombol Preview untuk melihat tampilan dashboard yang telah dibuat
- Klik File, Export, Flash (SWF) untuk menghasilkan file SWF sesuai dengan desain yang telah dibuat.
Download file XLF : Tutorial 2 (Drilldown).xlf
Tutorial selanjutnya adalah Tutorial XCelsius 3 (Drilldown)
No comments:
Post a Comment