How to use Colors in Range Selector?

Hey Guys,

I use a Chart combined with a Range Selector. In chart I am able to specify the colors via the Palettes property. Unfourtanetely there is no similar property in the range selector. Could you give me a hint, how to have both in ChartSeries in Chart and Range Selector in the same color?

Kind Regards

SFChart

Image_3672_1716811072028

SFRangeNavigator
Image_9814_1716811084973



Image_6904_1716810852358





1 Reply

DG Durga Gopalakrishnan Syncfusion Team May 28, 2024 11:08 AM UTC

Hi Justus,


Greetings from Syncfusion.


We don’t have palette support for range navigator. Your requirement can be achieved by specifying Fill color for required range navigator series. We have prepared sample based on your requirement. Please check with the below snippet and sample.


<SfRangeNavigator

  <RangeNavigatorSeriesCollection>

     <RangeNavigatorSeries Fill="dodgerblue"></RangeNavigatorSeries>

     <RangeNavigatorSeries Fill="orange"></RangeNavigatorSeries>

  </RangeNavigatorSeriesCollection>

</SfRangeNavigator>



Sample : https://blazorplayground.syncfusion.com/BXBTtorPBuzYqNIi


Kindly revert us if you have any concerns.


Regards,

Durga Gopalakrishnan.


Loader.
Up arrow icon