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

大家看到了，在该数据源中的Cost属性即是数据类型字段，该字段记录了雇员的交费信息：第一项为

“住房公积金”，第二项为“个人养老金”。

下面我们就来看一下该如何绑定这类数据源信息。

首先在XAML中创建该图表控件，如下：

<charting:ChartTitle="MultiSeries"x:Name="MultiSeries"MouseLeftButtonDown="OnMouseLeftButtonDown"/>

大家看到这里我们还绑定了鼠标单击事件，该事件主要用于稍后演示图表的动态效果，这里先行略过:)

接着就是我们的CS代码了，首先是获取数据源：

voidLoadMultiSeries()
{
　　dataServiceClient.GetMultiSeriesEmployeeListCompleted+=newEventHandler<GetMultiSeriesEmployeeListCompletedEventArgs>(dataServiceClient_GetMultiSeriesEmployeeListCompleted);
　　dataServiceClient.GetMultiSeriesEmployeeListAsync();
}

然后是相应的控件初始化和数据绑定代码：

voiddataServiceClient_GetMultiSeriesEmployeeListCompleted(objectsender,GetMultiSeriesEmployeeListCompletedEventArgse)
{
　　ObservableCollection<EmployeeInfo>employeeList=e.Result;
　
　　Action<Chart>chartModifier=(chart)=>
　　{
　　　　AxisdateAxis=newAxis{Orientation=AxisOrientation.Horizontal,Title="注1:住房公积金　2:个人养老金",FontStyle=FontStyles.Normal,FontSize=14f,ShowGridLines=true};
　　　　MultiSeries.Axes.Add(dateAxis);
　　　
　　　　AxisvalueAxis=newAxis{Orientation=AxisOrientation.Vertical,Title="税金",Minimum=0,Maximum=800,ShowGridLines=true};
　　　　MultiSeries.Axes.Add(valueAxis);
　　};
　　chartModifier(MultiSeries);
　　foreach(EmployeeInfoitemsSourceinemployeeList)
　　{
　　　　ColumnSeriesseries=newColumnSeries();
　　　　series.ItemsSource=itemsSource.Cost;
　　　　series.DependentValueBinding=null;
　　　　series.IndependentValueBinding=null;
　　　　series.Title=itemsSource.EmployeeName+"ID:"+itemsSource.EmployeeID;
　　　　series.AnimationSequence=AnimationSequence.FirstToLast;
　　　　MultiSeries.Series.Add(series);
　　}　　　　
}