RangeAreaSeries.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 RangeAreaSeriesStyle Style { get; set; }
Property Value
Type | Description |
---|---|
RangeAreaSeriesStyle | An object that stores the range area series appearance settings. |
Example
Set the RangeAreaSeries.Style
property to the RangeAreaSeriesStyle object with the following appearance settings to change the area color and opacity:
- RangeAreaSeriesStyle.Fill - Area fill color.
- RangeAreaSeriesStyle.Alpha - Area fill opacity (1 is opaque, 0 is transparent).
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.
<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>