如何在AmCharts4类别轴上显示所有标签或减少标签填充？

Question

我正在建立一个帕累托图，以显示百分比和按类别计数。能够查看图表上的所有类别标签很重要。当前有足够的空间显示更多类别标签，但轴未显示它们。

是否可以告诉轴显示所有标签，或减少轴标签上的填充/边距，以便可以显示更多标签？

我在Angular应用中使用Typescript。

当前轴创建代码：

let categoryAxis = chart.yAxes.push(new am4charts.CategoryAxis());
categoryAxis .title.text = 'Category';
categoryAxis.dataFields.category = categoryField;
categoryAxis.renderer.fontSize = 12;

问题图片：

Answer 1

您需要设置minGridDistance足够小的值以使图表显示更多/所有标签，例如

categoryAxis.renderer.minGridDistance = 20;

从文档中

实际行为取决于可用空间。但这全部由单轴渲染器的属性控制minGridDistance。

在人类语言中，它的意思是：“无论发生什么情况，都不要将两条网格线放置得比X像素更近。我是认真的，伙计！”。

默认设置取决于方向。例如，水平轴渲染器（AxisRendererX）的默认值为120。垂直轴渲染器（AxisRendererY）：40。

这些数字的增加将意味着网格线和相关标签可能会稀疏。减少可能会导致网格/标签更密集。