使用Silverlight Toolkit绘制图表(上)－－柱状图

核心提示： 这里我们看到在控件的数据源绑定上与前两个DEMO存在一定的差异，因为每个雇员的交费字段本身就是一个数组（整形），使用Silverlight Toolkit绘制图表(上)－－柱状图(7)，所以这里将该交费字段直接绑定到了ColumnSeries的ItemsSource属性上，同时将Colum

这里我们看到在控件的数据源绑定上与前两个DEMO存在一定的差异。因为每个雇员的交费字段本身就是一个数

组（整形），所以这里将该交费字段直接绑定到了ColumnSeries的ItemsSource属性上。同时将ColumnSeries 的属

性 DependentValueBinding，IndependentValueBinding分别设置为null。这里给该ColumnSeries的动态显示效果

设置成了AnimationSequence.FirstToLast。下面我们会看到显示效果，而相应的鼠标单击事件代码摘自TOOKIT的

代码示例包，这里就不多加解释了。下面是相应的显示效果：

当我们在图表上单击鼠标时，显示效果如下：

等图表全被隐去时，这时我们再单击鼠标，图表会依次再显示出来。

除了数据动态加载，Chart还支持数据的静态绑定，如下面的XAML代码即是初始并绑定一个已存在的数据源：

<charting:Chart Title="Xaml绑定" x:Name="FunctionSeriesSample" MouseLeftButtonDown="OnMouseLeftButtonDown">
　　<charting:Chart.Series>
　　　　<charting:ColumnSeries
　　　　　　Title="人口" AnimationSequence="FirstToLast"
　　　　　　ItemsSource="{Binding PugetSound, Source={StaticResource City}}"
　　　　　　IndependentValueBinding="{Binding Name}"
　　　　　　DependentValueBinding="{Binding Population}"/>　
　　</charting:Chart.Series>
　　<charting:Chart.Axes>
　　　　<charting:Axis AxisType="Category" Title="城市" Orientation="Horizontal" FontStyle="Italic"/>
　　　　<charting:Axis AxisType="Linear" Title="人口" Orientation="Vertical" Minimum="0" Maximum="600000" Interval="100000" ShowGridLines="True"　FontStyle="Italic"/>
　　</charting:Chart.Axes>
</charting:Chart>