DXperience Windows 8 XAML入门教程：创建饼图

DXperience Windows 8 XAML 是DevExpress于2012年全新推出的一款用户界面套包，专门针对Windows8平台。使用它可以创建引人注目的触摸式的Win8商业解决方案，其强大的数据处理能力能满足最终用户的需求。>>下载

创建项目

首先运行VS2012，在Visual Studio中按下Ctrl+Shift+N选择Windows Store，然后选中Blank App(XAML)，可以将应用程序命名为"PieChart"然后单击OK。

然后找到MainPage.xaml设计视窗，添加PieChart到主页面，直接拖放过去就可以了，如下图：

右键单击PieChart项并选择Reset Layout | All选项，这样图表就会填充满整个窗口：

参考代码：

<Page

    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:PieChart"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:Charts="using:DevExpress.UI.Xaml.Charts"
    x:Class="PieChart.MainPage"
    mc:Ignorable="d">

    <Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}">

        <Charts:PieChart/>

    </Grid>
</Page>

找到ChartBase.Series属性并单击省略号按钮，弹出Object Collection Editor: Series对话框，添加Series对象到属性集合中，如下图：

接下来为序列指定一个序列视图，通过设置 Series.View 属性到 PieSeriesView：

<Charts:Series>
   <Charts:Series.View>
      <Charts:PieSeriesView/>
   </Charts:Series.View>
</Charts:Series>

将以下代码添加到序列中，就可以为图表添加数据：

<Charts:Series>
   <Charts:Series.View>
      <Charts:PieSeriesView/>
   </Charts:Series.View>
   <Charts:Series.Data>
      <Charts:DataPointCollection ArgumentScaleType="Qualitative">
         <Charts:DataPoint Argument="USA" Value="9.63142" />
         <Charts:DataPoint Argument="Canada" Value="9.98467" />
         <Charts:DataPoint Argument="Russia" Value="17.0752" />
         <Charts:DataPoint Argument="Others" Value="81.2" />
         <Charts:DataPoint Argument="India" Value="3.28759" />
         <Charts:DataPoint Argument="Australia" Value="7.68685" />
         <Charts:DataPoint Argument="Brazil" Value="8.511965" />
         <Charts:DataPoint Argument="China" Value="9.59696" />
      </Charts:DataPointCollection>
   </Charts:Series.Data>
</Charts:Series>

<Page


    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:PieChart"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:Charts="using:DevExpress.UI.Xaml.Charts"
    x:Class="PieChart.MainPage"
    mc:Ignorable="d">

    <Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}">

        <Charts:PieChart Margin="50" ToolTipEnabled="True">
            <Charts:Series>
                <Charts:Series.View>
                    <Charts:PieSeriesView LegendPointPattern="{}{A}"/>
                </Charts:Series.View>
                <Charts:Series.Data>
                    <Charts:DataPointCollection>
                        <Charts:DataPoint Argument="USA" Value="9.63142" />
                        <Charts:DataPoint Argument="Canada" Value="9.98467" />
                        <Charts:DataPoint Argument="Russia" Value="17.0752" />
                        <Charts:DataPoint Argument="Others" Value="81.2" />
                        <Charts:DataPoint Argument="India" Value="3.28759" />
                        <Charts:DataPoint Argument="Australia" Value="7.68685" />
                        <Charts:DataPoint Argument="Brazil" Value="8.511965" />
                        <Charts:DataPoint Argument="China" Value="9.59696" />
                    </Charts:DataPointCollection>
                </Charts:Series.Data>
            </Charts:Series>
            <Charts:PieChart.Legend>
                <Charts:Legend MaximumRowsOrColumns="4"/>
            </Charts:PieChart.Legend>
        </Charts:PieChart>
    </Grid>
</Page>