Making a Simple Pie Chart Style from Scratch in C# WPF - Basic

Pada postingan ini akan dibuat satu buah chart di C# dengan bentuk Pie tanpa menggunakan dll dari orang lain. Jadi postingan ini beranjak dari awal dengan menggunakan canvas,brush, path, dan sebagainya. Pertama-tama mari kita buat project baru di visual studio 2010 :

Setelah tekan tombol "OK", kemudian klik kanan project tersebut dan pilih "Add -  New Item" :

Setelah itu piliha "User Control (WPF)", dan beri nama terserah saja. Di sini namanya " graphControl" :

Silahkan tekan tombol "Add", Nah sampai disini kita mempunya 2 buah file xml, satu untuk window dan satu biji untuk user control dengan nama "graphControl". Terus, Drag 1 biji canvas ke GraphControl tersebut :

Konfigurasi layout canvas tersebut diubah seperti konfigurasi berikut :

Beralih ke file "GraphControl.xml.cs", di dalam kelas GraphControl tambahkan private kelas dengan nama piePieceData. Kelas tersebut berguna menampung data yang dibutuhkan untuk membuat satu element warna pada PieGraph yang kita buat. Secara spesifik sebenarnya kelas tersebut berguna untuk menyimpan properti yang dibutuhkan oleh ArcSegment untuk PathFigure. Kode programnya sebagai berikut :

Terus tambahkan variabel-variabel yang dibutuhkan :

Terus..... Tambahkan method-method berikut dalam kelas GraphControl:

Sekarang beralih ke bagian MainWindow, untuk itu pada MainWindow.xml tambahkan nama pada gridnya :

Nah berikutnya kita akan menghubungkan GraphControl yand telah dibuat ke mainWindow.So..Tambahkan kode berikut pada MainWindow.xaml.cs :

Sampai disini Pie Graph yang telah kita buat hasilnya seperti di bawah :

Alhamdulillah.... Yeeee.... selesai..... Semoga bermanfaat..... :-)