MappView Scrollbar implementation

Ask Questions
1

Hi B&R Community,

Customer has a requirement to have a scrollbar implementation to be able to navigate through the history of a LineChart that is updating live.

image
image1052×657 40.7 KB

Has anyone face this and know how to implement it in mappView?

The biggest challenge is I guess that the thumb size must vary. The width of it decreases as the history data of the graph increases.

I thought about implementation with basic slider but thumbsize can only be changed over styling. I would then need to create a lot of style ids since the max size of the scrollbar is 1012px and the min is 8px.

Thanks for your help

2

Hello Filipe,

The LineChart has infintite scroll enabled by default, so you can scroll in the actual chart:

If it is absolutely necessary to control it with a something external i think the nicest way is to do it with buttons and then eventbindigs on ScrollLeft and ScrollRight.
I do not think you can make a great implementation with a slider

1 Like