Silverlight Pie Chart

1,引用命名空间usingSystem.Windows.Controls.DataVisualization.Charting;

创建类  public class Customer

       {

              public string CustName { get;set; }

              public int Orders { get; set; }

       }

 

2，从toolBox上拖拽Chart控件，并修改xaml

<Grid x:Name="LayoutRoot" Background="WhiteSmoke"  >

        <toolkit:Chart x:Name="MyChartOfColumnSeries" Title="ChartTitle"Background="LightBlue" BorderBrush="Green" BorderThickness="2"  >

              <toolkit:PieSeries  Name="pieSeries1"

                                ItemsSource="{Binding }"

                               IndependentValueBinding="{Binding CustName}"

                               DependentValueBinding="{Binding Orders}">

                </toolkit:PieSeries>           

        </toolkit:Chart>

   </Grid>

3，切换xaml.cs文件，完成构造函数

public SilverlightControl1()

        {

            InitializeComponent();

             List<Customer>cust = new List<Customer>();

           cust.Add(new Customer(){ CustName = "Lihuan",Orders = 30});

           cust.Add(new Customer(){ CustName = "Baoyu",Orders = 20});

           cust.Add(new Customer(){ CustName = "Zhang",Orders = 36});

            this.DataContext = cust;

         }

 

 

4,按F5，运行如下

ps: 你也可以把xaml中的<toolkit:PieSeries>节点去掉，在xaml.cs中改为如下构造函数

 

 public SilverlightControl1()

        {

            InitializeComponent();

            List<Customer> cust= new List<Customer>();

           cust.Add(new Customer(){ CustName = "Lihuan",Orders = 20});

            cust.Add(newCustomer() { CustName = "Zhang",Orders = 36 });

            this.DataContext = cust;

            PieSeries pieSeries = newPieSeries();

           pieSeries.ItemsSource = cust;

           pieSeries.DependentValueBinding = new Binding("Orders");

           pieSeries.IndependentValueBinding = new Binding("CustName");

           pieSeries.Title = "TitleTest";

           MyChartOfColumnSeries.Series.Add(pieSeries);

           MyChartOfColumnSeries.Title = "TestPieTitle";

        }

运行结果是一样的