AreaStackedSeries2D.Transparency Property

Specifies the transparency (0-1) to use for displaying the filled color Areas.

Namespace: DevExpress.Xpf.Charts

Assembly: DevExpress.Xpf.Charts.v18.2.dll

Declaration

C#

public double Transparency { get; set; }

VB.NET

Public Property Transparency As Double

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.

Window1.xaml

<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>

Window1.xaml.cs

using System.Windows;

namespace StackedArea2DChart {

    public partial class Window1 : Window {
        public Window1() {
            InitializeComponent();
        }
    }
}

Application.xaml.vb

Imports Microsoft.VisualBasic
Imports System
Imports System.Collections.Generic
Imports System.Configuration
Imports System.Data
Imports System.Linq
Imports System.Windows

Namespace StackedArea2DChart
    ''' <summary>
    ''' Interaction logic for App.xaml
    ''' </summary>
    Partial Public Class App
        Inherits Application
    End Class
End Namespace

Application.xaml

<Application x:Class="StackedArea2DChart.App" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" StartupUri="Window1.xaml">
    <Application.Resources>

    </Application.Resources>
</Application>

Window1.xaml.vb

Imports Microsoft.VisualBasic
Imports System.Windows

Namespace StackedArea2DChart

    Partial Public Class Window1
        Inherits Window
        Public Sub New()
            InitializeComponent()
        End Sub
    End Class
End Namespace

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.

C#

how-to-create-a-2d-stacked-spline-area-chart-t172206/VB/StackedSplineAreaChart/MainWindow.xaml#L13

<dxc:SplineAreaStackedSeries2D DisplayName="1998" LineTension="0.8"
                               Transparency="0.4">
    <dxc:SplineAreaStackedSeries2D.Points>

how-to-create-a-2d-stacked-area-chart-e1654/VB/Window1.xaml#L7

<dxc:XYDiagram2D.Series>
    <dxc:AreaStackedSeries2D DisplayName="First Series" Transparency="0.5">
        <dxc:AreaStackedSeries2D.Points>

how-to-create-a-2d-full-stacked-area-chart-e1645/VB/Window1.xaml#L7

<dxc:XYDiagram2D.Series>
    <dxc:AreaFullStackedSeries2D DisplayName="First Series" Transparency="0.5">
        <dxc:AreaFullStackedSeries2D.Points>

how-to-update-chart-data-at-runtime-e3554/CS/DXCharts_Runtime/MainWindow.xaml.cs#L43

area.ActualLabel.Visible = false;
area.Transparency = 0.3;
diagram.Series.Add(area);

how-to-create-a-chart-control-with-a-scrollable-legend-e3565/CS/MainWindow.xaml.cs#L23

areaSeries.LabelsVisibility = false;
areaSeries.Transparency = 0.3;
areaSeries.DisplayName = "Area " + (i + 1).ToString();

VB.NET

how-to-update-chart-data-at-runtime-e3554/VB/DXCharts_Runtime/MainWindow.xaml.vb#L45

area.ActualLabel.Visible = False
area.Transparency = 0.3
diagram.Series.Add(area)

how-to-create-a-chart-control-with-a-scrollable-legend-e3565/VB/MainWindow.xaml.vb#L24

areaSeries.LabelsVisibility = False
areaSeries.Transparency = 0.3
areaSeries.DisplayName = "Area " & (i + 1).ToString()

Implements

Transparency