We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Line Series with Area

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?

3 Replies

SG Sivaram Ganesan Syncfusion Team November 11, 2016 12:16 PM UTC

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();

new AreaSeries()
   Color = 
   StrokeWidth = 5,
   StrokeColor = Color.Blue

Please let us know if you need further assistance.



SA Stefaan Avonds November 14, 2016 08:18 AM UTC


Yes indeed, this is exactly what I was looking for!
Also by altering the Opacity everything came up nice and smooth.

Many thanks!

SG Sivaram Ganesan Syncfusion Team November 15, 2016 05:59 AM UTC

Hi Stefaan,

Most welcome.

Please let us know for further assistance on this.


Live Chat Icon For mobile
Up arrow icon