在 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.

我不确定问题是什么或如何解决它，我不敢相信他们会发布一个在这个时代没有响应能力的 amcharts 版本，所以我认为它必须是什么我做错了。

Answer 1

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

categoryAxis.renderer.minGridDistance = 60;

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