如何在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;

从documentation

  

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

     

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

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

     

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