AreaSeriesStyle.Fill Property

Gets or sets the area fill color.

Namespace: DevExpress.XamarinForms.Charts

Assembly: DevExpress.XamarinForms.Charts.dll

NuGet Package: DevExpress.XamarinForms.Charts

Declaration

public Color Fill { get; set; }

Property Value

Type	Description
Color	The area color.

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>

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>