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

How to change the color of Line series in SfDateTimeRangeNavigator?


I want to change the yellow color to red.

1 Reply

HM Hemalatha Marikumar Syncfusion Team December 12, 2019 12:47 PM UTC

Hi Bharath, 
Greetings from Syncfusion. 
We have analyzed your requirement “Change the color of the Line series in SfDataTimeRangeNavigator” and we would like to let you know that by default, data has been visualized using LineSeries. To achieve your requirement, clear the default Series and add SplineAreaSeries as the content of SfDataTimeRangeNavigator with assigning the desired color using Color property in it as per in below code snippet. 
Code Snippet [C#]:  
        ((SfChart)RangeNavigator.Content). Series.Clear(); 
        ((SfChart)RangeNavigator.Content). Series.Add(new SplineAreaSeries() { ItemsSource = series.ItemsSource, XBindingPath = "XValue", YBindingPath = "YValue", Color = Color.Red }); 
Please refer below link to know more:  
And we have prepared a sample based your requirement and you can download the sample from the below link.  
Please let us know if you need any further assistance. 
Hemalatha M. 

Live Chat Icon For mobile
Up arrow icon