数据。和数据源相关的那些事（四）-绑定到XML数据源

这部分内容我们一直在讲数据绑定.

本章我们就来逐步介绍如何将C1Chart绑定到XML数据源。

在XAML页面下有一个XML数据源，我们需要将C1Chart控件绑定到xml数据。数据展示了一个简单的bar图表信息，有一个Y轴代表城市的名称，和X轴代表每一个国家的统计。

图表使用一个系列来画统计数据。一个legend用来展示统计颜色。

在本章中用到的最主要的绑定是使用在XAML代码中的ChartData类，具体请参考本章的第五步。

绑定C1Chart到xml的步骤如下：

第一步

在VisualStudio里创建WPF工程，更多的初始化的信息，可以参考初遇。Getting Started（上）章节。

第二步

在Window页面创建一个资源部分，然后添加xml数据提供者。在资源部分直接插入xml数据。xml数据必须在<x:Xdata>内，而且有一个单一个的根节点。在本例中，这个根节点市Cities。

<Grid.Resources>             <XmlDataProvider x:Key="data" XPath="Cities/City">                 <x:XData>                     <Cities xmlns="">                         <City>                             <CityName>Mumbai</CityName>                             <Population>13000000</Population>                         </City>                         <City>                             <CityName>Karachi</CityName>                             <Population>11600000</Population>                         </City>                         <City>                             <CityName>Delhi</CityName>                             <Population>11500000</Population>                         </City>                         <City>                             <CityName>Isanbul</CityName>                             <Population>11200000</Population>                         </City>                     </Cities>                 </x:XData>             </XmlDataProvider>         </Grid.Resources>

第三步

给工程添加C1.WPF.C1Chart引用，并且添加C1Chart到Window页面。

第四步

改变C1Chart的类型为Bar。（ChartType=Bar）。有关C1Chart类型，可以参考类型。穿Prada的女王（上）章节。

第五步

在<c1chart:C1Chart.Data>标签里给ChartData添加ItemNameBinding属性，指定元素的名称。在本例中，就是在y轴的标签。在DataSeries 里添加ValueBinding属性，指定序列的数值。如下的示例使用绑定扩张绑定了ChartData.ItemsSource属性，用来指定资源。ChartData.ItemNameBinding属性使用绑定扩展来指定路径。DataSeries.Label属性使用绑定扩展指定数据统计的路径。

XAML代码如下：

<c1:C1Chart  Height="300"  HorizontalAlignment="Left" Margin="0" Name="c1Chart1" ChartType="Bar" VerticalAlignment="Top" Width="600">          <c1:C1Chart.Data>              <c1:ChartData ItemsSource="{Binding Source={StaticResource data}}"  ItemNameBinding="{Binding XPath=CityName}">                  <c1:DataSeries Label="Population"  ValueBinding="{Binding XPath=Population}" />              </c1:ChartData>          </c1:C1Chart.Data>                <c1:Legend DockPanel.Dock="Right" />      </c1:C1Chart>