使用Silverlight Toolkit绘制图表(上)--柱状图
2009-02-10 11:57:18 来源:WEB开发网本文示例源代码或素材下载
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;
}
}
Tags:使用 Silverlight Toolkit
编辑录入:爽爽 [复制链接] [打 印]赞助商链接