使用Silverlight Toolkit绘制图表（上）--柱状图

使用Silverlight Toolkit绘制图表（上）--柱状图2011-09-23 博客园代震军Silverlight Toolkit提供了绘制柱状图（Column,Bar），饼图（Pie），折线图（Line）, 散点图（Scatter）等控件。

我们可以很方便的将已有的数据源绑定到相应图形控件上，设置好相应的X,Y轴显示样式和数据字段之后就大功告成了，同时其还支持图形的定时加载刷新，图形的动态加载动画效果。今天就先以柱状图为例，简要的总结一下如何使用该控件来显示我们的数据。

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

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

DataService.svc

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

public class EmployeeInfo
{
public int EmployeeID { set; get; }
public string EmployeeName { set; get; }
public int Salary { set; get; }
public int[] Cost { get; set; }
public string City { set; get; }
} 
 
[ServiceContract（Namespace = ""）]
[AspNetCompatibilityRequirements（RequirementsMode = AspNetCompatibilityRequirementsMode.Allowed）]
public class DataService
{
[OperationContract]
public List<EmployeeInfo> GetEmployeeList（）
{
List<EmployeeInfo> employeeList = new List<EmployeeInfo>（）;
employeeList.Add（new EmployeeInfo { EmployeeID = 1, EmployeeName = "张三", Salary = 1000, City = "合肥" }）;
employeeList.Add（new EmployeeInfo { EmployeeID = 2, EmployeeName = "李四", Salary = 1500, City = "天津" }）;
employeeList.Add（new EmployeeInfo { EmployeeID = 3, EmployeeName = "王五", Salary = 2000, City = "上海" }）;
employeeList.Add（new EmployeeInfo { EmployeeID = 4, EmployeeName = "赵六", Salary = -800, City = "北京" }）;
employeeList.Add（new EmployeeInfo { EmployeeID = 5, EmployeeName = "尤七", Salary = 2100, City = "武汉" }）;
employeeList.Add（new EmployeeInfo { EmployeeID = 6, EmployeeName = "马八", Salary = 2300, City = "海口" }）;
return employeeList;
}
}