WEB开发网
开发学院图形图像Flash 使用Silverlight Toolkit绘制图表(下)--饼图,折... 阅读

使用Silverlight Toolkit绘制图表(下)--饼图,折线图,散点图

 2009-02-16 11:57:09 来源:WEB开发网   
核心提示:本文示例源代码或素材下载 在上一篇文章中,介绍了如何使用Silverlight Toolkit提供的Chart控件绘制柱状图(Column,Bar),使用Silverlight Toolkit绘制图表(下)--饼图,折线图,散点图,今天会继续使用上文中所创建的代码,我们只要做很少的修改就可以让柱状图显示变成饼图

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

在上一篇文章中,介绍了如何使用Silverlight Toolkit提供的Chart控件绘制柱状图(Column,Bar),今天会继续

使用上文中所创建的代码,我们只要做很少的修改就可以让柱状图显示变成饼图,折线图或散点图。

好了,开始今天的正文。

首先,我们要新创建一个饼图的"Silverlight 控件",并将其命名为:PieSample.xaml

使用Silverlight Toolkit绘制图表(下)--饼图,折线图,散点图 

然后我们拷贝相应的ColumnSample.xaml,ColumnSample.xaml.cs中的相应代码到: PieSample.xaml 和 Pie-

Sample.xaml.cs文件中。接着我们修改PieSample.xaml.cs文件中的dataServiceClient_GetEmployeeListCompleted

方法,修改后的结果如下:

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

1 2 3 4 5 6  下一页

Tags:使用 Silverlight Toolkit

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