RangeNavigator with empty values

Hello,

Is there any chance to visualisation in RangeNavigator the same as in linear chart. When values are similar, about 21.5 the rangenavigator shows fill color on indicator. 



3 Replies 1 reply marked as answer

DG Durga Gopalakrishnan Syncfusion Team October 27, 2020 11:44 AM UTC

Hi Damian, 

You can specify range navigator series type as Line as like chart, so that line will be rendered with gap for empty points. We have attached sample for your reference.  

<ejs-rangenavigator> 
    <e-rangenavigator-series-collection> 
              <e-rangenavigator-series type='Line' > 
                </e-rangenavigator-series> 
    </e-rangenavigator-series-collection> 
 </ejs-rangenavigator> 


If the provided solution, doesn’t meet your requirement please revert us. 

Regards, 
Durga G 


Marked as answer

DA Damian October 27, 2020 09:07 PM UTC

Thank you!

This only change visual aspect. Still chart in rangenavigator is flat. Please check the chart following chart. I need rather a zoom feature or settings Min and Max to fix this issue.



DG Durga Gopalakrishnan Syncfusion Team October 28, 2020 02:45 PM UTC

Hi Damian,

 

You can specify range navigator series type as Spline to view smooth curve. To view the spacing between range navigator axis labels, you can customize interval and intervalType based on provided data. Please check with below UG link.

 

https://ej2.syncfusion.com/angular/documentation/range-navigator/axis/#interval-customization

 

If provided suggestion doesn’t meet your requirement, please revert us.

 

Regards,

Durga G

Loader.
Up arrow icon