使用Silverlight Toolkit绘制图表(上)--柱状图
2009-02-10 11:57:18 来源:WEB开发网到这里,有关柱状图的主要功能介绍的差不多了,但如果开发过相应图表功能的朋友会发现,之前的
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只要参照一下上面所说的替换方式替换一下即可,最终我们看一个显示效果,如下图所示:
好了,今天的内容就先到这里了
原文链接:http://www.cnblogs.com/daizhj/archive/2009/01/15/1376181.html
Tags:使用 Silverlight Toolkit
编辑录入:爽爽 [复制链接] [打 印]更多精彩
赞助商链接