Is this possible? Legends have this attribute (top/bottom), and amStockCharts
library has this configuration option as well. So, for the "regular" amCharts
library, is it possible to position the chartScrollbar on the bottom?
I want to avoid any CSS hacks after the chart draws as well.
We can use the CSS “::-webkit-scrollbar” property which is responsible for changing the shape, color, size, shade, shadow, etc. of the scroll bar. But, here the property which we will use is the direction property of CSS for changing the position of the scroll bar.
Adding scrollbars. We create a scrollbar like everything else in amCharts 5: by calling new() method of its class - Scrollbar . Please note that scrollbar requires at least one setting to be present during instantiation: orientation .
Parts of a Scroll Bar A scroll bar consists of a shaded shaft with an arrow button at each end and a scroll box (sometimes called a thumb) between the arrow buttons.
Step-1) Add HTML Markup for Bootstrap Table. First add some markup for a bootstrap table. Here I created a striped table but also have added a custom table class . table-scroll which adds vertical scroll bar to the table and makes the table header fixed while scrolling down.
In the latest update to AmCharts, this has been added as a config option. You can set "oppositeAxis: false" on chartScrollbar properties to move the scrollbar to the bottom. Hope this can be helpful.
Position of a Scrollbar in our regular JavaScript charts is always opposite the axis. So you have to set categoryAxis.position = "top" in order scrollbar to be at the bottom.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With