Windows Phone 7 Chart Control Data-binding with xml (MVVM)

Windows Phone 7 Provide you great Support of Data Visualization with Charts and Vector graphic. You can also bind chart with xml data by using mvvm pattern.

To Create Chart Control with XML.

1

Open Visual Studio 2010 then create new Silverlight windows Phone Project

2

Add XML file and define some schema

3

Add three Folders in Solution "Model", "View" , "ViewModel"

4

Add Class in Model name ResultView.cs and map your xml scheme with properties.

5

Add Class in ViewModel and Named ResultViewModel.cs in this class you load data from xml

6

Open App.xaml and define or copy from sample code in you Template for PhoneChart Portrait and Landscape orientation in ResourceDictionary.

7

Add one UserControl in your View Folder and named ResultView.xaml.

8

Open MainPage.xaml add View in it :)

9

Open MainPage.xaml and Override the OnOrientationChanged event handler and change template on On Orientation.

10

F5 and Enjoy :)

Download Source Code Here

By Usama Wahab Khan

for More Question and help email me :)

thanks ali sultan for send two screen short :)

share this post