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
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Range Navigator

Thread ID:





145394 Jun 19,2019 10:33 PM UTC Jun 21,2019 12:02 PM UTC React - EJ 2 5
Tags: Stock Chart
Marco Giorgi
Asked On June 19, 2019 10:33 PM UTC


I need to customize the range navigator so that instead of a line chart an area chart is used.
I couldn't find any documentation about how range navigator customization.

Can you please help me and point me to some useful documentation/example?

Thanks in advance!

Baby Palanidurai [Syncfusion]
Replied On June 20, 2019 06:30 AM UTC

Hi Marco, 
Greetings from Syncfusion. 
We have analyzed your query. We have attached documentation and demo links to customize range navigator. Please find below links, 
Kindly revert us, if you need further assistance. 

Marco Giorgi
Replied On June 20, 2019 08:08 AM UTC

Hi Baby,
this issue is related to the StockChartComponent (see the tag associated).

I know it is possible with the simple `ChartComponent`, but I need to know how and if it is possible with the StockChartComponent.


Baby Palanidurai [Syncfusion]
Replied On June 20, 2019 12:35 PM UTC

Hi Marco, 
Thanks for the update. 
We have analyzed your query. We have created stock chart sample using Area type series based on your requirement. Also we have attached UG link for your reference. Please find below sample and code Snippet, 
Code Snippet: 
                            <StockChartSeriesDirective dataSource={aapl} xName='x' yName='high' type='Area'> 
Hope this helps. 

Marco Giorgi
Replied On June 20, 2019 02:23 PM UTC

Hi Baby, 
thank you for the answer.

I need the area chart only in the range navigator. The main stock chart must be spline.

To be more precise, I'd need the range navigator to be a Spline Area Chart.


Baby Palanidurai [Syncfusion]
Replied On June 21, 2019 12:02 PM UTC

Hi Marco, 
Thanks for the update. 
We have analyzed the requested requirement. Currently, we do not have support to achieve your requirement Support to change the series type of RangeNavigator in Stock chart component, but we have logged a feature request on this . It can be tracked through our feedback portal below.  
Please cast your vote to make it count. We will prioritize the features of every release based on the demands.  
If you have any more specification/suggestions to the feature request, you can add it as a comment in the portal.  


This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile
Live Chat Icon