类别轴标签重叠且未显示在甘特 amcharts 中

Question

我有一个 pb，当高度小于某个值时，我的标签就会隐藏起来。例如，当

#chart {
height: 50vh;

}

结果：

但是当

#chart {
    height: 40vh;
}

结果：

可以看到，类别轴中的B和D标签是隐藏的。但显示了它们的值。

如何更改其他标签的大小以便我始终可以看到所有标签？。有什么建议吗？

工作代码 https://jsfiddle.net/davidliang2008/cse496zg/

Answer 1

这样试试：https://jsfiddle.net/2sce13n4/

  yAxes: [{
    type: "CategoryAxis",
    dataFields: {
      category: "name"
    },
    renderer: {
      minGridDistance: 1,
      ...
    }
  }],

通过将 y 轴 minGridDistance 设置为小于默认值 120 的值，随着图表变小，网格线可以靠得更近。