We are using the ejs-chart component (line chart) in Angular to handle real-time data. We would like to be able to specify an axis range directly without modifying the data source. This means the data source could potentially have data points that are outside the bounds/range of the chart view.
We have found a few similar things to what we want to do, but not exactly:
https://ej2.syncfusion.com/documentation/chart/zooming/
With the zoom, it's what we want but we want to be able to do the zooming programmatically.
Currently, we want to maintain a viewing range of 10min and in order to do that we remove all data points older than 10mins and refresh the chart. Are there any better ways of going about this?