Range Navigator

[Marco Giorgi]

Hello,

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]

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, 

 

UG: https://ej2.syncfusion.com/react/documentation/range-navigator/series-types/?no-cache=1#area 

 

Sample: https://stackblitz.com/edit/react-ofzmb8-l8ddwp?file=index.js 

 

Demo link: https://ej2.syncfusion.com/react/demos/#/material/range-navigator/default 

 

Kindly revert us, if you need further assistance. 

 

Regards, 

Baby. 

[Marco Giorgi]

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.

Cheers.

[Baby Palanidurai]

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: 

<StockChartSeriesCollectionDirective> 

                            <StockChartSeriesDirective dataSource={aapl} xName='x' yName='high' type='Area'> 

                            </StockChartSeriesDirective> 

 </StockChartSeriesCollectionDirective> 

 

Screenshot: 

 

 

Sample: https://stackblitz.com/edit/react-eafn2k-tb7jlc?file=index.js 

 

UG:  https://ej2.syncfusion.com/react/documentation/stock-chart/series-types/ 

 

Demo: https://ej2.syncfusion.com/react/demos/#/material/stock-chart/area 

 

Hope this helps. 

 

Regards, 

Baby. 

[Marco Giorgi]

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.

Cheers

[Baby Palanidurai]

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.  

Link: https://www.syncfusion.com/feedback/7049/ 

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.  

  

Regards, 

Baby.