使用Silverlight Toolkit绘制图表(上)－－柱状图

核心提示： 这里数据源我们就创建完成了，它将会返回6个雇员信息，使用Silverlight Toolkit绘制图表(上)－－柱状图(2)，下面我们往该Silverlight应用的Xaml文件上拖（或手工声明）一个Chart控件，如下：<charting:ChartTitle="员工薪水

这里数据源我们就创建完成了，它将会返回6个雇员信息。

下面我们往该Silverlight应用的Xaml文件上拖（或手工声明）一个Chart控件，如下：　

<charting:ChartTitle="员工薪水"x:Name="EmployeeChart"></charting:Chart>

我们看到在该控件上我们指定了Title信息，该信息会显示在图表的最上方。

下面开始编写CS代码。

1.首先我们向该Silverlight应用中添加对刚才声明的WCF的引用。

2.使用WCF生成的客户端类来获取相应的数据源，代码如下：

voidLoadWcfData()
{
　　dataServiceClient.GetEmployeeListCompleted+=newEventHandler<GetEmployeeListCompletedEventArgs>(dataServiceClient_GetEmployeeListCompleted);
　　dataServiceClient.GetEmployeeListAsync();
}

3.将WCF返回的数据源信息绑定到相应的图形控件上，并初始化该控件的相应信息，如下：

voiddataServiceClient_GetEmployeeListCompleted(objectsender,GetEmployeeListCompletedEventArgse)
{
　　ObservableCollection<EmployeeInfo>employeeList=e.Result;
　　Action<Chart>chartModifier=(chart)=>
　　{
　　　　AxisdateAxis=newAxis{Orientation=AxisOrientation.Horizontal,Title="雇员名称",FontStyle=FontStyles.Normal,FontSize=12f,ShowGridLines=true};
　　　　EmployeeChart.Axes.Add(dateAxis);
　　　　AxisvalueAxis=newAxis{Orientation=AxisOrientation.Vertical,Title="薪水",Minimum=-1000,Maximum=3000,ShowGridLines=true};
　　　　EmployeeChart.Axes.Add(valueAxis);
　　};
　　chartModifier(EmployeeChart);
　　ColumnSeriesseries=newColumnSeries();
　　series.ItemsSource=employeeList;
　　series.IndependentValueBinding=newSystem.Windows.Data.Binding("EmployeeName");
　　series.DependentValueBinding=newSystem.Windows.Data.Binding("Salary");
　　series.Title="薪水";
　　EmployeeChart.Series.Add(series);
}