WEB开发网
开发学院图形图像Flash 使用Silverlight Toolkit绘制图表(上)--柱状图 阅读

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

 2009-02-10 11:57:18 来源:WEB开发网   
核心提示:本文示例源代码或素材下载 Silverlight Toolkit提供了绘制柱状图(Column,Bar),饼图(Pie),使用Silverlight Toolkit绘制图表(上)--柱状图,折线图(Line), 散点图(Scatter)等控件,我们可以很方便的将已有的数据源绑定到相应图形控件上,命名为:Data

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

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

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

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

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

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

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

DataService.svc

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

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

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;
  }
}

1 2 3 4 5 6  下一页

Tags:使用 Silverlight Toolkit

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接