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

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

 2009-02-10 11:57:18 来源:WEB开发网   
核心提示: 到这里,有关柱状图的主要功能介绍的差不多了,使用Silverlight Toolkit绘制图表(上)--柱状图(9),但如果开发过相应图表功能的朋友会发现,之前的DEMO显示的都是垂直的柱状图,其它的DEMO只要参照一下上面所说的替换方式替换一下即可,最终我们看一个显示效果,但很多的网站上

到这里,有关柱状图的主要功能介绍的差不多了,但如果开发过相应图表功能的朋友会发现,之前的

DEMO显示的都是垂直的柱状图,但很多的网站上显示的都是水平方向的柱状图,比如说投票功能等,其实

Chart实现这个功能非常简要,只要在我们原有的CS代码基础上做很少的改动即可实现,这里以上面的第

一个DEMO为例,看一下如何进行改造:

下面是其dataServiceClient_GetEmployeeListCompleted方法的改造后的代码:

voiddataServiceClient_GetEmployeeListCompleted(objectsender,GetEmployeeListCompletedEventArgse)
{
  ObservableCollection<EmployeeInfo>employeeList=e.Result;
  Action<Chart>chartModifier=(chart)=>
  {
    AxisdateAxis=newAxis{Orientation=AxisOrientation.Vertical,Title="雇员名称",FontStyle=FontStyles.Normal,FontSize=12f,ShowGridLines=true};
    EmployeeChart.Axes.Add(dateAxis);
    AxisvalueAxis=newAxis{Orientation=AxisOrientation.Horizontal,Title="薪水",Minimum=-1000,Maximum=3000,ShowGridLines=true};
    EmployeeChart.Axes.Add(valueAxis);
  };
  chartModifier(EmployeeChart);
  BarSeriesseries=newBarSeries();
  series.ItemsSource=employeeList;
  series.IndependentValueBinding=newSystem.Windows.Data.Binding("EmployeeName");
  series.DependentValueBinding=newSystem.Windows.Data.Binding("Salary");
  EmployeeChart.Series.Add(series);
}

在这里,我们看到了之前所设置的X,Y轴在AxisOrientation属性上被做了交换设置。而接着的ColumnSeries对象

也被替换成了BarSeries。这样我们就完成了相应的改造(更多信息参见DEMO源码BarSample)。

其它的DEMO只要参照一下上面所说的替换方式替换一下即可,最终我们看一个显示效果,如下图所示:

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

好了,今天的内容就先到这里了

原文链接:http://www.cnblogs.com/daizhj/archive/2009/01/15/1376181.html

上一页  4 5 6 7 8 9 

Tags:使用 Silverlight Toolkit

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