在amchart v4中创建响应式条形图

Question

因此，我在文档上读到，目前仍在开发amchart 4的响应能力，因此也许这可以解释我的困难。

我正在尝试创建一个条形图，该条形图将正确缩小而不会扭曲数据的显示方式。我尝试使用@media规则缩小父容器，但这会使数据失真。

发生了什么：当我缩小视图（即打开检查器或在较小的计算机上运行Web应用程序）时，由于某些奇怪的原因，X轴上的类别标签中的一半消失了。似乎所有其他标签都已消失。

我尝试设置：

categoryAxis.minWidth = 0;

作为v3的minHorizo​​ntalGap属性的近似值，但它们当然并不相同。

我尝试设置列宽，希望这会影响标签。

series.columns.template.width = am4core.percent(50);

最后，我尝试将整个图表设置为响应式，并将categoryAxis设置为：

categoryAxis.responsive.enabled = true;

但是这样做会给我以下错误，但我找不到在线支持：

bootstrap:114 Uncaught (in promise) Error: Loading chunk vendors~responsivedefaults failed.

我不确定问题是什么或如何解决，我不敢相信他们会发行这个时代没有反应能力的弹药，所以我认为这一定是我做错了。

Answer 1

所以我找到了与minHorizo​​ntalGap等效的v4，这为我解决了这个问题。

categoryAxis.renderer.minGridDistance = 60;

就这么简单。我仍然不知道为什么active.enabled不起作用，但这是一个令人满意的解决方案。