AmCharts - 如何将图表滚动条定位在底部？

Question

5

这是可能的吗？图例具有此属性（顶部/底部），并且amStockCharts库也有此配置选项。因此，对于“常规”amCharts库，是否可以在底部定位chartScrollbar？

我想避免在图表绘制后进行任何CSS hack。

- Adam

从docs中可以看到，图表滚动条的默认位置在底部。有什么问题吗？ - John Ruddell

我知道这在StockCharts文档中有提到，但似乎在常规图表库中缺失。这是一个不同的产品/许可证。想知道是否有人对基本的amChart库有解决方法。 - Adam

哦，明白了...如果你真的需要更改它，你可能只需在浏览器中检查图表，找到滚动条并执行类似于position: absolute; bottom: 0的操作，但在没有测试之前我不会确定。 - John Ruddell

尝试在绘制图形后不使用任何CSS来实现。更新了问题 - 无论如何感谢您。 - Adam

当然可以...但是没有文档，所以你可能需要使用CSS hack才能实现。 - John Ruddell

4个回答

2

在我们常规的JavaScript图表中，滚动条的位置总是与轴相反。因此，您必须设置categoryAxis.position = "top"，以便将滚动条放置在底部。

- zeroin

谢谢。我用那种方法解决了，但是那会交换轴。实际上我联系了他们，发现在类别轴位于底部时无法将滚动条绘制在其下方，不过这可能会在未来的版本中实现。 - Adam

1

很奇怪这是唯一的方法。stock amcharts3 有这个选项，我认为这是更好的方法：将 position: "bottom" 添加到 scrollsettings。 - pikilon

0

我来晚了，但是在其他地方我没有找到更好的解决方案。你可以使用

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

这将把滚动条推到 categoryAxis 旁边。使用偏移量将滚动条移开标签。

- Arnaud

0

您可以通过更改chart.scrollbarX.parent的值来实现：

chart.scrollbarX.parent = chart.bottomAxesContainer;

- Douglas C Vasconcelos

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Adam · Accepted Answer

在最新的AmCharts更新中，增加了这个配置选项。您可以在chartScrollbar属性上设置"oppositeAxis：false"，将滚动条移动到底部。希望这对您有所帮助。