Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

AmCharts - Position ChartScrollbar on Bottom?

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.

like image 540
Adam Avatar asked Jun 10 '15 23:06

Adam


People also ask

How do I change the position of the scroll bar?

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.

How do I add a scrollbar to amCharts?

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 .

What are the parts of a scrollbar called?

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.

How do I make my bootstrap table scrollable vertically?

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.


2 Answers

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.

like image 109
Adam Avatar answered Sep 17 '22 20:09

Adam


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.

like image 28
zeroin Avatar answered Sep 18 '22 20:09

zeroin