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

本文示例源代码或素材下载

Silverlight Toolkit提供了绘制柱状图(Column,Bar)，饼图(Pie)，折线图(Line), 散点图(Scatter)等控件。

我们可以很方便的将已有的数据源绑定到相应图形控件上，设置好相应的X,Y轴显示样式和数据字段之后就大功告

成了，同时其还支持图形的定时加载刷新，图形的动态加载动画效果。今天就先以柱状图为例，简要的总结一下如

何使用该控件来显示我们的数据。

首先，我们需要创建一个Silverlight项目，命名为：DataVisualization。

然后我们使用WCF方式发布数据源信息，这里我们创建一个"Silverlight功能的WCF"，并将其命名为：

DataService.svc

接着将下面的代码拷贝到该类文件中：

publicclassEmployeeInfo
{
　　publicintEmployeeID{set;get;}
　　publicstringEmployeeName{set;get;}
　　publicintSalary{set;get;}
　　publicint[]Cost{get;set;}
　　publicstringCity{set;get;}
}　
　
[ServiceContract(Namespace="")]
[AspNetCompatibilityRequirements(RequirementsMode=AspNetCompatibilityRequirementsMode.Allowed)]
publicclassDataService
{
　　[OperationContract]
　　publicList<EmployeeInfo>GetEmployeeList()
　　{
　　　　List<EmployeeInfo>employeeList=newList<EmployeeInfo>();
　　　　employeeList.Add(newEmployeeInfo{EmployeeID=1,EmployeeName="张三",Salary=1000,City="合肥"});
　　　　employeeList.Add(newEmployeeInfo{EmployeeID=2,EmployeeName="李四",Salary=1500,City="天津"});
　　　　employeeList.Add(newEmployeeInfo{EmployeeID=3,EmployeeName="王五",Salary=2000,City="上海"});
　　　　employeeList.Add(newEmployeeInfo{EmployeeID=4,EmployeeName="赵六",Salary=-800,City="北京"});
　　　　employeeList.Add(newEmployeeInfo{EmployeeID=5,EmployeeName="尤七",Salary=2100,City="武汉"});
　　　　employeeList.Add(newEmployeeInfo{EmployeeID=6,EmployeeName="马八",Salary=2300,City="海口"});
　　　　returnemployeeList;
　　}
}