使用Silverlight Toolkit 绘制图表---区域图和冒泡图

概述      大约在半年前，我写了几篇介绍Silverlight Toolkit的文章，对里面的一些可能会用 到的控件做了介绍，文章链接如下：        使用Silverlight Toolkit绘制图表(上)--柱状图           使用Silverlight Toolkit绘制图表(下)--饼图,折线图,散点图         使用Silverlight Toolkit TreeVie       大约在半年前，我写了几篇介绍Silverlight Toolkit的文章，对里面的一些可能会用
到的控件做了介绍，文章链接如下：        使用Silverlight Toolkit绘制图表(上)--柱状图   
       使用Silverlight Toolkit绘制图表(下)--饼图,折线图,散点图 
       使用Silverlight Toolkit TreeView树形控件 
       使用Silverlight Toolkit中的主题(Theme) 
       Silverlight AutoCompleteBox(自动完成输入框控件)使用方法      前两天，当再次拜访其官方链接之后，发现其版本已升级到了3.0，其中又新增了不少
有意思的控件，我将会用四篇文章来简要介绍一下：）      首先就是其图表控件集合中新增了两种类型，分别为：Area,Bubble（区域图和冒泡图）。      下面就是其演示效果：

   
     
     首先，我们要创建一个SL应用，并在项目中加载对下面DLL文件的引用（来自下载的源
码包）：            System.windows.Controls.DataVisualization.Toolkit.dll          然后在相应的XAML文件中添加对控件的声明，如下： < UserControl  x:Class ="Silverlight_ToolKit3.DataVisualization"
    xmlns ="http://schemas.microsoft.com/winfx/2006/xaml/presentation"  
    xmlns:x ="http://schemas.microsoft.com/winfx/2006/xaml"  
    <!--引用声明-- >
    xmlns:controlsToolkit="clr-namespace:System.windows.Controls;assembly=System.windows.Controls.Toolkit"
    xmlns:chartingToolkit="clr-namespace:System.windows.Controls.DataVisualization.Charting;assembly=System.windows.Controls.DataVisualization.Toolkit"
    WIDth="800" Height="300">
     GrID  x:name ="LayoutRoot"  Background ="White"     
         GrID.ColumnDeFinitions
             ColumnDeFinition  WIDth ="400" />
           
         </ <!-- 控件定义 --> chartingToolkit:Chart  ="AreaEmployeeList"  GrID.Row ="0"  GrID.Column  Title ="区域图"   ="BubbleEmployeeList" ="1" ="气泡图"  
     GrID
UserControl >    
      因为要显示数据，所以我直接将数据对象集合“硬编码”到CS文件中，如下：   public  List < EmployeeInfo >  GetEmployeeList()
{
    List  employeeList  = new ();
    employeeList.Add(  EmployeeInfo { EmployeeID    1 , Employeename  " 大林 " 1000 合肥  });
    employeeList.Add( 2 小林 3 张三 4 李四 1500 天津 5 王五 2000 上海  });         
     return  employeeList;
}

 GetotherEmployeeList()
{
    List 6 赵六 800 北京 7 尤七 2100 武汉 8 马八 1209 海口 9 许九 1600 10 代十 2300  });
     class  EmployeeInfo
{
     int  EmployeeID {  set ;  get ; }
     string  Employeename {   Salary {  [] Cost {   City {  ; }
}      
      因为这两个控件都支持多数据源绑定，所以我用了两个方法分别获取对象集合，分别是:    
       GetEmployeeList();    
       GetotherEmployeeList();    
    
      接着，就要对相应的图表控件进行初始化和数据绑定 *** 作了，首先是“区域图表控件”，其
代码如下：   #region  区域图
  AreaSerIEs areaSerIEs1   AreaSerIEs();
  areaSerIEs1.ItemsSource   GetEmployeeList();
  areaSerIEs1.IndependentValueBinding   System.windows.Data.Binding( EmployeeID );
  areaSerIEs1.DependentValueBinding  Salary );
  AreaEmployeeList.SerIEs.Add(areaSerIEs1);

  AreaSerIEs areaSerIEs2   AreaSerIEs();
  areaSerIEs2.ItemsSource   GetotherEmployeeList();
  areaSerIEs2.IndependentValueBinding  );
  areaSerIEs2.DependentValueBinding  );
  areaSerIEs2.Foreground   SolIDcolorBrush(colors.Red);
  AreaEmployeeList.SerIEs.Add(areaSerIEs2);
   #endregion   
      上面代码依次声明了两个AreaSerIEs实例用于绑定两个数据源， 同时对第二个AreaSerIEs实
例指定了 红色背景来加以区别。当然对于AreaSerIEs的声明也可以放在XAML中进行定义，形如：  Title ="Typical Use"
      chartingToolkit:Chart.SerIEs
          chartingToolkit:AreaSerIEs
              ="Particulate Levels"
             IndependentValueBinding =" {Binding EmployeeID} "
             DependentValueBinding {Binding Salary} "
  chartingToolkit:Chart >  
       注：我这样写只是想演示如何使用代码方式来初始化控件和绑定数据。
   
     上面是关于Area图，下面再看一下Bubble图的初始化方法，其实因为ToolKit中的图表设计使用
了统一的接口，因此不同的图表在具体实现时有些相似，下面的代码与上面的Area代码相差无几：    气泡图
BubbleSerIEs bubbleSerIEs1   BubbleSerIEs();
bubbleSerIEs1.ItemsSource   GetEmployeeList();
bubbleSerIEs1.IndependentValueBinding  );
bubbleSerIEs1.DependentValueBinding  );
bubbleSerIEs1.AnimationSequence   AnimationSequence.LastToFirst;
BubbleEmployeeList.SerIEs.Add(bubbleSerIEs1);

BubbleSerIEs bubbleSerIEs2   BubbleSerIEs();
bubbleSerIEs2.ItemsSource   GetotherEmployeeList();
bubbleSerIEs2.IndependentValueBinding  );
bubbleSerIEs2.DependentValueBinding  );
BubbleEmployeeList.SerIEs.Add(bubbleSerIEs2);
bubbleSerIEs1.AnimationSequence   AnimationSequence.FirstTolast;
#endregion
       大家看到了吧，唯一的区别就在 BubbleSerIEs上，而不是Area图表的 AreaSerIEs。
   
       最后补充一下，因为当前版本与之前我写的文章使用的版本不同，导致如果想向图表的X,Y轴
添加‘标题属性’所使用的类不同，在3.0里可用如下代码向X,Y轴绑定标题名称：  Action Chart  chartModifIEr   (chart)  =>
 {
     displayAxis dateAxis   categoryAxis { OrIEntation   AxisOrIEntation.X, Title  雇员ID  FontStyles.Italic, ShowGrIDlines  true  14f };
     AreaEmployeeList.Axes.Add(dateAxis);
     displayAxis valueAxis   AxisOrIEntation.Y,0);">薪水  FontStyles.normal,0);">};
     AreaEmployeeList.Axes.Add(valueAxis);
 };
 chartModifIEr(AreaEmployeeList);      
       这样，其显示效果就会变成如下图所示（注：Y轴单位数值会从左侧变到右侧）：

       
     
       好的，今天的内容就先到这里了，感兴趣的朋友可以亲自本文的源码或去 SilverlightToolKit  
 官方下载一试便知。
 
      源码下载： http://files.cnblogs.com/daizhj/Silverlight_ToolKit3.rar 总结

以上是内存溢出为你收集整理的使用Silverlight Toolkit 绘制图表---区域图和冒泡图全部内容，希望文章能够帮你解决使用Silverlight Toolkit 绘制图表---区域图和冒泡图所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。