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.

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.

• javascript
• html
• css
• charts
• amcharts

Share Improve this question Follow edited Oct 25, 2018 at 1:38 Adam asked Jun 10, 2015 at 23:25 AdamAdam 26422 silver badges1414 bronze badges 5

• from the docs the Chart Scrollbar has its default position to be on the bottom.. whats the issue? – John Ruddell Commented Jun 10, 2015 at 23:30
• I know it's on the StockCharts docs, but seems to be missing for regular charting library. It's a different product / license. Curious if anyone has a workaround for the basic amChart library. – Adam Commented Jun 10, 2015 at 23:35
• oh gotcha.. well if you really need to change that you could probably just inspect the chart in your browser.. find the scrollbar and do something like position: absolute; bottom: 0 but I wouldn't know without testing – John Ruddell Commented Jun 10, 2015 at 23:42
• Trying to do so without any CSS after graphs draw. Updated q - thanks anyway. – Adam Commented Jun 10, 2015 at 23:45
• sure thing... there is no documentation so you may not be able to without css hacks :( – John Ruddell Commented Jun 10, 2015 at 23:46

Add a ment  | 

4 Answers 4

Sorted by: Reset to default 3

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.

I'm late but I didn't find a better solution elsewhere. You can use

chartScrollbar.oppositeAxis = false;
chartScrollbar.offset = 20;

This will push the scrollbar next to the categoryAxis. Use the offset to move the scrollbar away from the labels.

You can achieve that by changing chart.scrollbarX.parent value like this:

chart.scrollbarX.parent = chart.bottomAxesContainer;