当前位置：首页 > 开发资源 » 示例代码 » 如何使用DevExpress DXCharts创建一个二维面积图（2D Area chart）？

如何使用DevExpress DXCharts创建一个二维面积图（2D Area chart）？

作者：zhuhm 来源：本站原创浏览：Loading...次发布时间：2012-09-06 评论：0条

本文主要介绍如何使用DevExpress DXCharts创建一个二维面积图。

VB.NET
<UserControl x:Class="AreaChart.MainPage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:dxc="http://schemas.devexpress.com/winfx/2008/xaml/charts"
mc:Ignorable="d"
d:DesignHeight="300" d:DesignWidth="400" >
<Grid x:Name="LayoutRoot" Background="White">
<dxc:ChartControl Name="chartControl1" >
<dxc:ChartControl.Diagram>
<dxc:XYDiagram2D>
<dxc:XYDiagram2D.Series>
<dxc:AreaSeries2D DisplayName="First Series" Transparency="0.5">
<dxc:AreaSeries2D.Points>
<dxc:SeriesPoint Argument="A" Value="1" />
<dxc:SeriesPoint Argument="B" Value="3" />
<dxc:SeriesPoint Argument="C" Value="7" />
<dxc:SeriesPoint Argument="D" Value="4" />
</dxc:AreaSeries2D.Points>
</dxc:AreaSeries2D>
<dxc:AreaSeries2D DisplayName="Second Series" Transparency="0.5">
<dxc:AreaSeries2D.Points>
<dxc:SeriesPoint Argument="A" Value="2" />
<dxc:SeriesPoint Argument="B" Value="2" />
<dxc:SeriesPoint Argument="C" Value="5" />
<dxc:SeriesPoint Argument="D" Value="4" />
</dxc:AreaSeries2D.Points>
</dxc:AreaSeries2D>
</dxc:XYDiagram2D.Series>

<dxc:XYDiagram2D.AxisX>
<dxc:AxisX2D />
</dxc:XYDiagram2D.AxisX>

</dxc:XYDiagram2D>
</dxc:ChartControl.Diagram>
<dxc:ChartControl.Legend>
<dxc:Legend />
</dxc:ChartControl.Legend>
</dxc:ChartControl>
</Grid>
</UserControl>

C#
<UserControl x:Class="AreaChart.MainPage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:dxc="http://schemas.devexpress.com/winfx/2008/xaml/charts"
mc:Ignorable="d"
d:DesignHeight="300" d:DesignWidth="400" >
<Grid x:Name="LayoutRoot" Background="White">
<dxc:ChartControl Name="chartControl1" >
<dxc:ChartControl.Diagram>
<dxc:XYDiagram2D>
<dxc:XYDiagram2D.Series>
<dxc:AreaSeries2D DisplayName="First Series" Transparency="0.5">
<dxc:AreaSeries2D.Points>
<dxc:SeriesPoint Argument="A" Value="1" />
<dxc:SeriesPoint Argument="B" Value="3" />
<dxc:SeriesPoint Argument="C" Value="7" />
<dxc:SeriesPoint Argument="D" Value="4" />
</dxc:AreaSeries2D.Points>
</dxc:AreaSeries2D>
<dxc:AreaSeries2D DisplayName="Second Series" Transparency="0.5">
<dxc:AreaSeries2D.Points>
<dxc:SeriesPoint Argument="A" Value="2" />
<dxc:SeriesPoint Argument="B" Value="2" />
<dxc:SeriesPoint Argument="C" Value="5" />
<dxc:SeriesPoint Argument="D" Value="4" />
</dxc:AreaSeries2D.Points>
</dxc:AreaSeries2D>
</dxc:XYDiagram2D.Series>

<dxc:XYDiagram2D.AxisX>
<dxc:AxisX2D >
<dxc:AxisX2D.Range>
<dxc:AxisRange SideMarginsEnabled="True" />
</dxc:AxisX2D.Range>
</dxc:AxisX2D>
</dxc:XYDiagram2D.AxisX>

</dxc:XYDiagram2D>
</dxc:ChartControl.Diagram>
<dxc:ChartControl.Legend>
<dxc:Legend />
</dxc:ChartControl.Legend>
</dxc:ChartControl>
</Grid>
</UserControl>

本站文章除注明转载外，均为本站原创或翻译
欢迎任何形式的转载，但请务必注明出处，尊重他人劳动成果
转载请注明：文章转载自：DevExpress控件中文网 [http://www.devexpresscn.com/]
本文地址：http://www.devexpresscn.com/DevExpress-Resources/Documentation-223.html

关键字： DXCharts

相关产品： DXperience WPF Subscription

上一篇： 如何修改DevExpress DXGrid for WPF单元格的背景色？

下一篇： 如何确定DevExpress ASPxGridView处于客户端的插入模式？