Line Series with Area

[Stefaan Avonds]

Hi everyone

First of all I'm very pleased with the controls Syncfusion has to offer. It's really great to use them and everything works just fine!

Second: I'm trying to create some sort of Line Series chart in combination with an Area Chart. So what I basically want is a Line Series in a specific color and the area underneath the Line another color.

Can this be done with a single series or do I have to add an Area Chart with the same ItemsSource as the Line Chart?

[Sivaram Ganesan]

Hi Stefaan,

Thank you for contacting Syncfusion support.

We could achieve your requirement of displaying Area series underneath Line series. It can be done by setting different color values for StrokeColor and Color properties of AreaSeries. We could increase width of Stroke by using StrokeWidth property of AreaSeries.

Please refer UG document for reference.

UG document Link
 
Code snippet :

 

SfChart chart = new SfChart();

chart.Series.Add(new AreaSeries()
{
   Color = Color.Red
   StrokeWidth = 5,
   StrokeColor = Color.Blue
});

 

Please let us know if you need further assistance.

Regards,
Sivaram.G.

[Stefaan Avonds]

Hi

Yes indeed, this is exactly what I was looking for!

Also by altering the Opacity everything came up nice and smooth.

Many thanks!

[Sivaram Ganesan]

Hi Stefaan,

Most welcome.

Please let us know for further assistance on this.

Regards,
Sivaram.G.