Skip to main content

AreaSeriesBase.Style Property

Gets or sets the series appearance settings.

Namespace: DevExpress.XamarinForms.Charts

Assembly: DevExpress.XamarinForms.Charts.dll

NuGet Package: DevExpress.XamarinForms.Charts

#Declaration

C#
public AreaSeriesStyle Style { get; set; }

#Property Value

Type Description
AreaSeriesStyle

An object that stores area series appearance settings.

#Remarks

Assign an AreaSeriesStyle object to the Style property of the area series. Use this object’s properties to customize the following:

Area Series Appearance

<dxc:AreaSeries MarkersVisible="true">
    <!--Series Data-->

    <dxc:AreaSeries.Style>
        <dxc:AreaSeriesStyle Stroke="#009688" StrokeThickness="3"
                             Fill="#009688" Alpha="0.4"
                             MarkerSize="10">
            <dxc:AreaSeriesStyle.MarkerStyle>
                <dxc:MarkerStyle Fill="#009688"/>
            </dxc:AreaSeriesStyle.MarkerStyle>
        </dxc:AreaSeriesStyle>
    </dxc:AreaSeries.Style>
</dxc:AreaSeries>

You can also use point and segment colorizers to paint series points in different colors and apply color gradients to the series line and area segments.

#Transparency Gradient

You can apply a transparency gradient to the area fill color. To do this, assign a TransparencyGradient object to the AreaSeriesStyle.FillEffect property and specify alpha channels that define how the visible area color intensity changes from the baseline to the series line. This setting has a higher priority than Alpha.

Area Series Transparency Gradient

<dxc:AreaSeries>
    <!--Series Data-->

    <dxc:AreaSeries.Style>
        <dxc:AreaSeriesStyle Fill="#009688">
            <dxc:AreaSeriesStyle.FillEffect>
                <dxc:TransparencyGradient BaselineAlpha="0.6" SeriesLineAlpha="0"/>
            </dxc:AreaSeriesStyle.FillEffect>
        </dxc:AreaSeriesStyle>
    </dxc:AreaSeries.Style>
</dxc:AreaSeries>
See Also