1、Silverlight/WPF Data Visualization,Silverlight / WPF的数据可视化学习,简介,了解图表的相关知识 通过简单的介绍，认识并学习微软的可视化界面库System.Windows.Controls.DataVisualization,议程,概述 实践应用 相关资源,议程,概述 实践应用 相关资源,概述,图表 百度百科：图表泛指在屏幕中显示的，可直观展示统计信息属性（时间性、数量性等），对知识挖掘和信息直观生动感受起关键作用的图形结构，是一种很好的将对象属性数据直观、形象地“可视化”的手段。 维基百科：是指统计学领域当中用于可视化定量数据的信息图形。 统
2、计学中基于图表的一种分析方法。 图表的分类 条形图、柱状图、折线图和饼图是图表中四种最常用的 基本类型。还有冒泡图、散点图、面积图、雷达图 图表的构成要素 图表的基本构成要素有：标题、刻度、图例和主体等。 概念术语 数据系列： 在图表中绘制的相关数据点，这些数据源自数据表的行或列。图表中的每个数据系列具有唯一的颜色或图案并且在图表的图例中表示。可以在图表中绘制一个或多个数据系列。饼图只有一个数据系列。 数据点： 在图表中绘制的单个值，这些值由条形、柱形、折线、饼图或圆环图的扇面、圆点和其他被称为数据标记的图形表示。相同颜色的数据标记组成一个数据系列。,概述,Silverlight/WPF Da
3、ta Visualization 微软可视化控件库是Silverlight/WPF Tookit的一部分，提供关于图表制作的控件（charting controls） Silverlight Tookit和WPF Tookit分别是Silverlight和WPF的一套控件集合 Silverlight和WPF 的制图和图表控件使用相同的源代码和xaml Silverlight/WPF Tookit支持Silverlight 3, Silverlight 4, WPF 3.5, and WPF 4以及Windows Phone 7平台（参见Delay文章） Silverlight/WPF Took
4、it是开放源代码的，采用微软公共许可证(Ms-PL)允许用户出于商业或非商业目的查看、修改及重新发布相应源代码 http:/ 实践应用 相关资源,实践应用一个简单的例子,下载并安装Silverlight/WPF Tookit (从这里开始以后的例子主要以Sliverlight为主),实践应用一个简单的例子,新建一个Sliverlight应用程序 添加引用 System.Windows.Controls.DataVisualization.Toolkit.dll Xaml中添加应用声明 xmlns:chartingToolkit=“clr-namespace:System.Windows.Con
5、trols.DataVisualization.Charting;assembly=System.Windows.Controls.DataVisualization.Toolkit“ 或者xmlns:chartingTookit=“http:/ 编写代码 Xaml：（推荐的方式）注：数据源设置为=“Binding”，需要在cs代码中为chart.DataContext 属性设定绑定对象。 Cs：Chart chart =new Chart(); ColumnSeries cs = new ColumnSeries(); cs.Title = “柱状图序列“; cs.ItemsSource =
6、 DataContainer.SimplePointCollection(); cs.DependentValuePath = “Y“; cs.IndependentValuePath = “X“; chart.Series.Add(cs); 注：DataContainer.SimplePointCollection();提供一个PointCollection类型的数据集。 看实例,实践应用一个简单的例子,实践应用一个简单的例子,Chart类 表示显示一个图表的控件 实例化：Chart chart = new Chart(); 等价于 Title 、TitleStyle：图表的标题和样式 Le
7、gendTitle 、LegendStyle ：图例的标题和样式 Series ：表格的序列集合 序列 具体的数据序列展现，多种不同或相同类型的序列可以添加到同一个Chart上面。 ColumnSeries 柱状图序列 LineSeries 折线图序列 AreaSeries 面积图序列 ScatterSeries 散点图序列 BubbleSeries 气泡图序列 BarSeries 条形图序列 PieSeries 饼状图序列 StackedAreaSeries StackedColumnSeries StackedBarSeries StackedLineSeries Stacked100Li
8、neSeries Stacked100AreaSeries Stacked100BarSeries Stacked100ColumnSeries,一般序列,堆积序列,普通堆积序列,100%堆积序列,实践应用简单的自定义图表,一般序列的设置： ColumnSeries、 LineSeries、 AreaSerie、 ScatterSeries、 BubbleSeries、BarSeries、PieSeries ItemsSource ：设置序列的数据源 IndependentValueBinding 或IndependentValuePath：设置序列非依赖轴（X轴）的绑定内容，默认作为序列图例
9、名称 DependentValueBinding或DependentValuePath：设置序列依赖轴（Y轴）的绑定内容 SizeValueBinding或SizeValuePath： 设置BubbleSeries序列的冒泡面积绑定内容。未设置时默认采用DependentValuePath绑定的值 IndependentAxis（Iaxis）： 自定义序列的非依赖轴 DependentRangeAxis（IRangeAxis：具有范围的轴） ：自定义序列的依赖轴。使用时必须注意要与绑定的数据类型匹配 Title：设置序列的标题，显示在图例处 注意：IndependentAxis和Depende
10、ntRangeAxis不适用于PieSeries； SizeValueBinding或SizeValuePath仅适用于BubbleSeries； 代码示例.,ColumnSeries cs = new ColumnSeries(); cs.Title = “柱状图序列“; cs.ItemsSource = (new DataContainer().SimplePointCollection; cs.IndependentValuePath = “X“; cs.DependentValuePath = “Y“; chart.Series.Add(cs);,实践应用自定义图表,自定义轴： 三种轴
11、 LinearAxis ：显示数值的轴，要求对应绑定数据的类型必须是数值类型 DateTimeAxis ：显示时间的轴，可以使数值或者日期时间类型 CategoryAxis：显示分类的轴（无法用于用于DependentRangeAxis ） 轴的属性 Title、Orientation、Location、ShowGridLines、Maximum、Minimum、Interval以及轴相关的各元素Style 自定义轴的使用： LinearAxis dtAxis = new LinearAxis(); dtAxis.Title = “X”; /轴标题 dtAxis.Orientation = A
12、xisOrientation.X; /指向 dtAxis.Location = AxisLocation.Bottom; /位置 注意指向和位置要与数据绑定位置匹配,实践应用自定义图表,堆积序列： StackedBarSeries 、StackedColumnSeries 、StackedLineSeries 、StackedAreaSeries Stacked100BarSeries 、Stacked100ColumnSeries 、Stacked100LineSeries 、Stacked100AreaSeries 与一般序列实现自DataPointSeries不同，堆积序列实现自Defi
13、nitionSeries； SeriesDefinitions：设置或获取堆积序列的SeriesDefinition集合。 命名原因和关系类似于ColumnDefinition 和Grid ColumnDefinition colDef1 = new ColumnDefinition(); grid.ColumnDefinitions.Add(colDef1); SeriesDefinition类的用法与一般序列相同。 使用方法： StackedColumnSeries scs = new StackedColumnSeries(); SeriesDefinition sd = new Ser
14、iesDefinition(); sd.Title = “栈图序列“; sd.IndependentValuePath = “X“; sd.DependentValuePath = “Y“; sd.ItemsSource = (new DataContainer().SimplePointCollection; scs.SeriesDefinitions.Add(sd); chart.Series.Add(scs); 通过上述代码可以发现，可以通过将同一批序列定义（ SeriesDefinition ）放在不同类型的堆积序列里面,实现同一套数据的不同展现 堆积序列的自定义轴同一般序列相同，设置
15、IndependentAxis和DependentAxis即可。 Scs.IndependentAxis= 有关堆积的更多解释参见（Delay的Blog）,学习资源,http:/ Silverlight的工具包 http:/ http:/ 微软Silverlight 和WPF 平台的开发成员Delay的博客，有大量silverlight toolkit 和WPF Toolkit等相关文章。 Delay维护的Silverlight / WPF数据可视化资源链接http:/cesso.org/r/DVLinks 更多资源 http:/ 微软Health通用用户界面，通过该项目微软提供很多标准控件和自定义控件给用户.很多控件是属于开源的，在Codeplex可以下载 http:/ 问题反馈,
