使用Silverlight Toolkit绘制图表(下)－－饼图,折线图,散点图

核心提示： 下面看一下运行效果：这样当我们参照之前讲过的将柱状图转成饼图的方法将所有的ColumnSeries修改为“PieSeries”之后，我们会看到下面的显示效果：其实看到这里，使用Silverlight Toolkit绘制图表(下)－－饼图,折线图,散点图(5)，相信大

下面看一下运行效果：

这样当我们参照之前讲过的将柱状图转成饼图的方法将所有的ColumnSeries修改为“PieSeries”之后，

我们会看到下面的显示效果：

其实看到这里，相信大家会举一返三了，下面要说的“折线图”,“散点图”要如何绘制了。不错，对

于折线图使用的Series为“LineSeries”，而散点图使用的是“ScatterSeries”。不过有一点就是这两个

图中的X,Y轴的数据绑定类型要做一下转换，因为之前我们使用的X轴是EmployeeName,Y轴使用的是

Salary.我们要修改的是X轴，新绑定的是EmployeeID，原因我猜是这两种图表要求XY两个轴只能是数

值型或日期型所致。

下面以dataServiceClient_GetEmployeeListCompleted方法为例，看一下最终的修改结果：

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);
　　LineSeriesseries=newLineSeries();
　　series.ItemsSource=employeeList;
　　series.IndependentValueBinding=newSystem.Windows.Data.Binding("EmployeeID");
　　series.DependentValueBinding=newSystem.Windows.Data.Binding("Salary");
　　EmployeeChart.Series.Add(series);
}