Ability to set linechart with fixed amount of x values shown and pan to other data points

[osolano]

It would be great to have a feature where when you create a linechart with 10 data points, when rendering you focus on only the last 5 data points. When a user then swipes or pans to the left, the chart will pan to the other data points on the chart.

For example, there are 8 total points on the chart below, but there will be a setting when loading to only show 4, and then a user can pan/scroll to left to show other data points.

[danielgindi]

There is. You use the viewPortHandler to change the viewport before showing.

[osolano]

Thank you @danielgindi I will try it out.

[ravitejaobelisk]

Hi @osolano , I'm also trying to get the same effect. If you got the solution please share it here. I have tried looking into viewportHandler but I was not able to get it to work.

[ravitejaobelisk]

@osolano Nevermind, I found it, using setVisibleXRange(minXRange, maxXRange) solved my issue

[liuxuan30]

@ravitejaobelisk take a look at refresh(), translate(), setVisibleXRange(), in view port handler. There is also a method called centerViewPort(). These should be similar purpose.

[ravitejaobelisk]

@liuxuan30 got it... Many thanks