DxChartBubbleSeries<T, TArgument, TValue, TSize>.Opacity Property

Specifies the transparency of a bubble series.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

Declaration

[DefaultValue(0.5)]
[Parameter]
public double Opacity { get; set; }

Property Value

Type	Default	Description
Double	0.5	The opacity value.

Remarks

Use the Opacity property to specify transparency of a bubble series. The property accepts a value from 0 to 1, where 0 makes series transparent and 1 makes them opaque.

The following example sets the Opacity property value to 0.7:

<DxChart Data="@SalesData">
    <DxChartBubbleSeries Name="United States"
                         Filter="@((SaleInfo s) => s.Country == "United States")"
                         ArgumentField="@(s => s.Date.DayOfWeek.ToString())"
                         ValueField="@(s => s.Date.Year)"
                         SizeField="@(s => s.Amount)"
                         Color="@(Color.FromArgb(208, 208, 208))"
                         SummaryMethod="Enumerable.Max"
                         Opacity="0.7" />
    <DxChartBubbleSeries Name="Canada"
                         Filter="@((SaleInfo s) => s.Country == "Canada")"
                         ArgumentField="@(s => s.Date.DayOfWeek.ToString())"
                         ValueField="@(s => s.Date.Year)"
                         SizeField="@(s => s.Amount)"
                         Color="@(Color.FromArgb(252, 58, 48))"
                         SummaryMethod="Enumerable.Max" 
                         Opacity="0.7" />
    <DxChartLegend Visible="false" />
</DxChart>