Silverlight Column Chart

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

创建类

publicclassChartData

    {   

publicstring xProperty { get;set; }

publicint yNumber { get;set; }

    }

 

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

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

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

            <toolkit:ColumnSeriesName="columnSeries1"

                                  ItemsSource="{Binding}"

                                 IndependentValueBinding="{Binding xProperty}"

                                 DependentValueBinding="{Binding yNumber}">

            </toolkit:ColumnSeries>

        </toolkit:Chart>

   </Grid>

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

public SilverlightControl1()

        {

            InitializeComponent();

            List<ChartData>mylistofChartData = new List<ChartData>();

            mylistofChartData.Add(new ChartData{ xProperty = "1",yNumber = 1 });

            mylistofChartData.Add(new ChartData{ xProperty = "2",yNumber = 2 });

            mylistofChartData.Add(new ChartData{ xProperty = "3",yNumber = 3 });

            mylistofChartData.Add(new ChartData{ xProperty = "4",yNumber = 9 });

            mylistofChartData.Add(new ChartData{ xProperty = "5",yNumber = 13 });

            this.DataContext =mylistofChartData;}

 

4,按F5，运行如下

 

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

 

 public SilverlightControl1()

        {

            InitializeComponent();

            List<ChartData>mylistofChartData = new List<ChartData>();

            mylistofChartData.Add(new ChartData{ xProperty = "1",yNumber = 13 });

            this.DataContext =mylistofChartData;

            ColumnSeries columnSeries = newColumnSeries();//实例化一个Series        

            columnSeries.ItemsSource =mylistofChartData;  //设置数据源

            columnSeries.DependentValueBinding= new Binding("yNumber");      //后台进行数据绑定

           columnSeries.IndependentValueBinding = new Binding("xProperty");

            columnSeries.Title ="TitleTest";

           MyChartOfColumnSeries.Series.Add(columnSeries);//为Chart绑定“显示类型”

            MyChartOfColumnSeries.Title ="";

        }

运行结果是一样的