AreaFullStackedSeries2D Class
Represents the 2D Full-Stacked Area series.
Namespace: DevExpress.Xpf.Charts
Assembly: DevExpress.Xpf.Charts.v19.2.dll
Declaration
Example
The following example demonstrates how to create a 2D Full-Stacked Area chart. To do this, it is necessary to assign the ChartControl.Diagram property to XYDiagram2D, and then add two AreaFullStackedSeries2D objects with points to the diagram’s Diagram.Series collection.
Also, this example shows how to add a legend (showing series names) to a chart.
Note
A complete sample project is available at https://github.com/DevExpress-Examples/how-to-create-a-2d-full-stacked-area-chart-e1645.
<Window x:Class="FullStackedArea2DChart.Window1" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:dxc="http://schemas.devexpress.com/winfx/2008/xaml/charts" Title="Window1" Height="350" Width="620">
<Grid>
<dxc:ChartControl Name="chartControl1">
<dxc:ChartControl.Diagram>
<dxc:XYDiagram2D>
<dxc:XYDiagram2D.Series>
<dxc:AreaFullStackedSeries2D DisplayName="First Series" Transparency="0.5">
<dxc:AreaFullStackedSeries2D.Points>
<dxc:SeriesPoint Argument="A" Value="2" />
<dxc:SeriesPoint Argument="B" Value="2" />
<dxc:SeriesPoint Argument="C" Value="1" />
<dxc:SeriesPoint Argument="D" Value="6" />
</dxc:AreaFullStackedSeries2D.Points>
<!--region #PointOptions-->
<dxc:AreaFullStackedSeries2D.PointOptions>
<dxc:PointOptions>
<dxc:PointOptions.ValueNumericOptions>
<dxc:NumericOptions Format="Percent" Precision="2" />
</dxc:PointOptions.ValueNumericOptions>
<dxc:AreaFullStackedSeries2D.PercentOptions>
<dxc:PercentOptions PercentageAccuracy="3" />
</dxc:AreaFullStackedSeries2D.PercentOptions>
</dxc:PointOptions>
</dxc:AreaFullStackedSeries2D.PointOptions>
<!--endregion #PointOptions-->
</dxc:AreaFullStackedSeries2D>
<dxc:AreaFullStackedSeries2D DisplayName="Second Series" Transparency="0.5">
<dxc:AreaFullStackedSeries2D.Points>
<dxc:SeriesPoint Argument="A" Value="4" />
<dxc:SeriesPoint Argument="B" Value="3" />
<dxc:SeriesPoint Argument="C" Value="2" />
<dxc:SeriesPoint Argument="D" Value="1" />
</dxc:AreaFullStackedSeries2D.Points>
<!--region #PointOptions2-->
<dxc:AreaFullStackedSeries2D.PointOptions>
<dxc:PointOptions>
<dxc:PointOptions.ValueNumericOptions>
<dxc:NumericOptions Format="Percent" Precision="2" />
</dxc:PointOptions.ValueNumericOptions>
<dxc:AreaFullStackedSeries2D.PercentOptions>
<dxc:PercentOptions PercentageAccuracy="3" />
</dxc:AreaFullStackedSeries2D.PercentOptions>
</dxc:PointOptions>
</dxc:AreaFullStackedSeries2D.PointOptions>
<!--endregion #PointOptions2-->
</dxc:AreaFullStackedSeries2D>
</dxc:XYDiagram2D.Series>
<dxc:XYDiagram2D.AxisX>
<dxc:AxisX2D Range="SideMarginsEnabled=False" />
</dxc:XYDiagram2D.AxisX>
<dxc:XYDiagram2D.AxisY>
<dxc:AxisY2D Range="SideMarginsEnabled=False" GridSpacing="0.25" />
</dxc:XYDiagram2D.AxisY>
</dxc:XYDiagram2D>
</dxc:ChartControl.Diagram>
<dxc:ChartControl.Legend>
<dxc:Legend />
</dxc:ChartControl.Legend>
</dxc:ChartControl>
</Grid>
</Window>
Related GitHub Examples
The following code snippet (auto-collected from DevExpress Examples) contains a reference to the AreaFullStackedSeries2D class.
Note
The algorithm used to collect these code examples remains a work in progress. Accordingly, the links and snippets below may produce inaccurate results. If you encounter an issue with code examples below, please use the feedback form on this page to report the issue.