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

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:

• series line: Stroke, StrokeThickness
• area: Fill, Alpha
• point markers: MarkerSize, MarkerStyle

Xaml

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

Xaml

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