VerticalBar | macOS utility to add multiple vertical bars to Dock

In your filterChart method you just need to accept a parameter that the inputted number is. Then you can filter against it like so:

Its because of the chart-jss version. Second picture which you would like to achieve, were used chart-js 2.8.0 and react-chartjs-2 2.7.6. But in first picture which you're currently using were used chart-js 3.5.0 and react-chartjs-2 3.0.4. So if you insist to use the chart-js same as the second picture, you can downgrade packages with these commands:

I have managed to solve it by replacing Rectangle with Flickable.

Correct is scala chap10.Spiral

I have found an answer for this I have to include this in my css file

You can scroll using tableView.scrollTo() to scroll to either an index or a specific item.

To be notified that a scroll has occurred, you can use tableView.setOnScrollTo().

Don't use a lookup for this task

The scroll bar is only shown as needed. It may or may not be there when you look it up.

If you try to lookup() the scroll bar before you add items to the table view, or before you add the table view to a scene, or before the scene has undergone a rendering pass, a scroll bar is almost certain to not be there. If the scroll bar is not there when you try to look it up then the lookup method will return a null value (which is what you are seeing). Even if a scroll bar is there when you first look it up, it may be subsequently removed and a new one added as needed, so your original reference will end up becoming invalid. So I don't recommend your lookup based approach.