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

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

 2009-02-10 11:57:18 来源:WEB开发网   
核心提示: 在上面的代码中我们创建了Axis对象用以将X,Y轴的描述信息绑定到指定的图形控件上,然后将我们的指定数据源绑定到该图形控件的ItemsSource属性上,使用Silverlight Toolkit绘制图表(上)--柱状图(3),最后再绑定两个座标轴要显示的相应数据:X轴:series.In

在上面的代码中我们创建了Axis对象用以将X,Y轴的描述信息绑定到指定的图形控件上,然后将我们的指定数据

源绑定到该图形控件的ItemsSource属性上,最后再绑定两个座标轴要显示的相应数据:

X轴: series.IndependentValueBinding = new System.Windows.Data.Binding("EmployeeName");

Y轴: series.DependentValueBinding = new System.Windows.Data.Binding("Salary");

下面我们来看一下最终的显示效果,如下图所示:

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

大家看到,在Y轴上我们既显示了正轴也显示了负轴,这就是通过Minimum = -1000, Maximum = 3000这一行

设置实现的。 

还不错了,到这里我们只是简要的领略了一个图形控件的基本功能。接着我们再了解一下它还有那些更高级的使

用技巧。

首先是图形的定时加载刷新,要实现这个演示,我们需要一个实时变化的数据源,以便当我们定时刷新控件时能

显示不同的数据信息。所以我们要在WCF中创建一个这样的数据源:

[OperationContract]
publicList<EmployeeInfo>GetEmployeeDynamicList()
{
  Randomrandom=newRandom();
  List<EmployeeInfo>employeeList=newList<EmployeeInfo>();
  employeeList.Add(newEmployeeInfo{EmployeeID=1,EmployeeName="张三",Salary=random.Next(500,3000),City="合肥"});
  employeeList.Add(newEmployeeInfo{EmployeeID=2,EmployeeName="李四",Salary=random.Next(500,3000),City="天津"});
  employeeList.Add(newEmployeeInfo{EmployeeID=3,EmployeeName="王五",Salary=random.Next(500,3000),City="上海"});
  employeeList.Add(newEmployeeInfo{EmployeeID=4,EmployeeName="赵六",Salary=random.Next(500,3000),City="北京"});
  employeeList.Add(newEmployeeInfo{EmployeeID=5,EmployeeName="尤七",Salary=random.Next(500,3000),City="武汉"});
  employeeList.Add(newEmployeeInfo{EmployeeID=6,EmployeeName="马八",Salary=random.Next(500,3000),City="海口"});
  returnemployeeList;
}

上一页  1 2 3 4 5 6 7 8  下一页

Tags:使用 Silverlight Toolkit

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