Highchart: no bluring/fading out during scrolling

Q&A
,
1

Hi together,

Using scrollablePlotArea in Highchart brings a nice blur/fade out effect, if the scrolled area overlaps other elements like axis and labels:

image
image1011×279 8.53 KB

https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/chart/scrollable-plotarea-vertical

But if i do the same in quicksight, there is no such effect (i can’t add a second screenshot - new user-limitation).

can someone explain, how to activate that effect?

2

Hi @miro and welcome to the Quick Community!
The highcharts feature in QuickSight is more of a ‘basic package’ version, therefore some of the highchart features/options are not available within QuickSight’s version. To the best of my understanding, the fade/blur feature is not a native feature in QuickSight’s version so this may not be achievable.
In terms of a work around; you can test out various code functions to see if they are operational (unfortunately there’s no list of functions that are valid) but as mentioned, this may not be available within QuickSight; maybe something like the following could work:

{ "chart": { "backgroundColor": "#FFFFFF", "plotBackgroundColor": "#FFFFFF", "scrollablePlotArea": { "minHeight": 1000, "scrollPositionY": 0, "opacity": 1 } } }

1 Like
3

Hi @Brett ,

This is a really good solution.

It would be very nice, if there would be a documentation of features that are known not to be available in the QS-integration of HighChart.

At the moment it is a lot of try and error to find out, if a feature works in QS or not.

I thank you a lot!

miro

1 Like
4

Hi @miro,
Totally agree about the documentation; definitely makes it a bit tougher to test things out without it!
I’ll do my best to send the request through to the support team in hopes that this could be a future addition, similar to the way it’s setup for functions when building a calculated field.