Skip to main content

RangeAreaSeriesStyle Class

Stores range area series appearance settings.

Namespace: DevExpress.XamarinForms.Charts

Assembly: DevExpress.XamarinForms.Charts.dll

NuGet Package: DevExpress.XamarinForms.Charts

Declaration

public class RangeAreaSeriesStyle :
    StyleBase

The following members return RangeAreaSeriesStyle objects:

Example

Set the RangeAreaSeries.Style property to the RangeAreaSeriesStyle object with the following appearance settings to change the area color and opacity:

To change the area border style and marker size, set the RangeAreaSeriesStyle.Line1Style and RangeAreaSeriesStyle.Line2Style properties to the LineSeriesStyle object (with the specified appearance settings).

To specify the marker style, use the LineSeriesStyle.MarkerStyle property with a MarkerStyle object.

Range Series Appearance

<dxc:RangeAreaSeries>
    <dxc:RangeAreaSeries.Style>
        <dxc:RangeAreaSeriesStyle Fill="Red" Alpha="0.8">
            <dxc:RangeAreaSeriesStyle.Line1Style>
                <dxc:LineSeriesStyle Stroke="Red" StrokeThickness="2" MarkerSize="20">
                    <dxc:LineSeriesStyle.MarkerStyle>
                        <dxc:MarkerStyle Fill="Orange" Stroke="DarkRed" StrokeThickness="2"/>
                    </dxc:LineSeriesStyle.MarkerStyle>
                </dxc:LineSeriesStyle>
            </dxc:RangeAreaSeriesStyle.Line1Style>
            <dxc:RangeAreaSeriesStyle.Line2Style>
                <dxc:LineSeriesStyle Stroke="Red" StrokeThickness="2" MarkerSize="15">
                    <dxc:LineSeriesStyle.MarkerStyle>
                        <dxc:MarkerStyle Fill="White" Stroke="DarkRed" StrokeThickness="2"/>
                    </dxc:LineSeriesStyle.MarkerStyle>
                </dxc:LineSeriesStyle>
            </dxc:RangeAreaSeriesStyle.Line2Style>
        </dxc:RangeAreaSeriesStyle>
    </dxc:RangeAreaSeries.Style>
</dxc:RangeAreaSeries>

Inheritance

Object
ChartElement
StyleBase
RangeAreaSeriesStyle
See Also