AreaSeriesViewBase.Transparency Property

Gets or sets the transparency (0-255) to use for displaying the filled color areas.

Namespace: DevExpress.XtraCharts

Assembly: DevExpress.XtraCharts.v24.1.dll

NuGet Package: DevExpress.Charts

Declaration

C#

[XtraChartsLocalizableCategory(XtraChartsCategory.Appearance)]
[XtraSerializableProperty]
public byte Transparency { get; set; }

VB.NET

<XtraSerializableProperty>
<XtraChartsLocalizableCategory(XtraChartsCategory.Appearance)>
Public Property Transparency As Byte

Property Value

Type	Description
Byte	A Byte value from 0 (opaque) to 255 (transparent).

Example

The following example demonstrates how to create a ChartControl with two series of the AreaSeriesView type, and add this chart to a form at runtime. Before proceeding with this example, create a Windows Forms Application in Visual Studio, and add all required assemblies to the References list of your project.

Then, add the following code to the Form.Load event handler.

C#

using DevExpress.XtraCharts;
// ...

private void Form1_Load(object sender, EventArgs e) {
    // Create a new chart.
    ChartControl areaChart = new ChartControl();

    // Create two area series.
    Series series1 = new Series("Series 1", ViewType.Area);
    Series series2 = new Series("Series 2", ViewType.Area);

    // Add points to them.
    series1.Points.Add(new SeriesPoint(1, 15));
    series1.Points.Add(new SeriesPoint(2, 18));
    series1.Points.Add(new SeriesPoint(3, 25));
    series1.Points.Add(new SeriesPoint(4, 33));

    series2.Points.Add(new SeriesPoint(1, 10));
    series2.Points.Add(new SeriesPoint(2, 12));
    series2.Points.Add(new SeriesPoint(3, 14));
    series2.Points.Add(new SeriesPoint(4, 17));

    // Add both series to the chart.
    areaChart.Series.AddRange(new Series[] { series1, series2 });

    // Set the numerical argument scale types for the series,
    // as it is qualitative, by default.
    series1.ArgumentScaleType = ScaleType.Numerical;
    series2.ArgumentScaleType = ScaleType.Numerical;

    // Access the view-type-specific options of the series.
    ((AreaSeriesView)series1.View).Transparency = 80;

    // Access the type-specific options of the diagram.
    ((XYDiagram)areaChart.Diagram).EnableAxisXZooming = true;

    // Hide the legend (optional).
    areaChart.Legend.Visible = false;

    // Add the chart to the form.
    areaChart.Dock = DockStyle.Fill;
    this.Controls.Add(areaChart);
}

VB.NET

Imports DevExpress.XtraCharts
' ...

Private Sub Form1_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) _
Handles MyBase.Load
    ' Create a new chart.
    Dim areaChart As New ChartControl()

    ' Create two area series.
    Dim series1 As New Series("Series 1", ViewType.Area)
    Dim series2 As New Series("Series 2", ViewType.Area)

    ' Add points to them.
    series1.Points.Add(New SeriesPoint(1, 15))
    series1.Points.Add(New SeriesPoint(2, 18))
    series1.Points.Add(New SeriesPoint(3, 25))
    series1.Points.Add(New SeriesPoint(4, 33))

    series2.Points.Add(New SeriesPoint(1, 10))
    series2.Points.Add(New SeriesPoint(2, 12))
    series2.Points.Add(New SeriesPoint(3, 14))
    series2.Points.Add(New SeriesPoint(4, 17))

    ' Add both series to the chart.
    areaChart.Series.AddRange(New Series() { series1, series2 })

    ' Set the numerical argument scale types for the series,
    ' as it is qualitative, by default.
    series1.ArgumentScaleType = ScaleType.Numerical
    series2.ArgumentScaleType = ScaleType.Numerical

    ' Access the view-type-specific options of the series.
    CType(series1.View, AreaSeriesView).Transparency = 80

    ' Access the type-specific options of the diagram.
    CType(areaChart.Diagram, XYDiagram).EnableAxisXZooming = True

    ' Hide the legend (optional).
    areaChart.Legend.Visible = False

    ' Add the chart to the form.
    areaChart.Dock = DockStyle.Fill
    Me.Controls.Add(areaChart)
End Sub

Related GitHub Examples

The following code snippet (auto-collected from DevExpress Examples) contains a reference 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#

winforms-chart-create-a-full-stacked-spline-area-chart/CS/FullStackedSplineAreaChart/Form1.cs#L36

((FullStackedSplineAreaSeriesView)series1.View).LineTensionPercent = 80;
((FullStackedSplineAreaSeriesView)series2.View).Transparency = 80;

VB.NET

winforms-chart-create-a-full-stacked-spline-area-chart/VB/FullStackedSplineAreaChart/Form1.vb#L34

CType(series1.View, FullStackedSplineAreaSeriesView).LineTensionPercent = 80
CType(series2.View, FullStackedSplineAreaSeriesView).Transparency = 80
' Access the diagram's options.

Implements

Transparency