AreaStackedSeries2D.Transparency Property
Specifies the transparency (0-1) to use for displaying the filled color Areas.
Namespace: DevExpress.Xpf.Charts
Assembly: DevExpress.Xpf.Charts.v20.1.dll
NuGet Packages: DevExpress.WindowsDesktop.Wpf.Charts, DevExpress.Wpf.Charts
Declaration
Property Value
Type | Description |
---|---|
Double | A Double value from 0 (opaque) to 1 (transparent). |
Example
The following example demonstrates how to create a 2D Stacked Area chart. To do this, it is necessary to assign the ChartControl.Diagram property to XYDiagram2D, and then add two AreaStackedSeries2D 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-stacked-area-chart-e1654.
<Window x:Class="StackedArea2DChart.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:AreaStackedSeries2D DisplayName="First Series" Transparency="0.5">
<dxc:AreaStackedSeries2D.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:AreaStackedSeries2D.Points>
</dxc:AreaStackedSeries2D>
<dxc:AreaStackedSeries2D DisplayName="Second Series" Transparency="0.5">
<dxc:AreaStackedSeries2D.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:AreaStackedSeries2D.Points>
</dxc:AreaStackedSeries2D>
</dxc:XYDiagram2D.Series>
<dxc:XYDiagram2D.AxisX>
<dxc:AxisX2D Range="SideMarginsEnabled=False" />
</dxc:XYDiagram2D.AxisX>
</dxc:XYDiagram2D>
</dxc:ChartControl.Diagram>
<dxc:ChartControl.Legend>
<dxc:Legend />
</dxc:ChartControl.Legend>
</dxc:ChartControl>
</Grid>
</Window>
Related GitHub Examples
The following code snippets (auto-collected from DevExpress Examples) contain references to the Transparency property.
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.