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

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 的值，随着图表变小，网格线可以更靠近。