Question

我正在使用C3js绘制此图表

图表1。

在y轴上，我有

  y:
    tick:
      values: [
        0
        0.05
        0.10
      ]
      format: d3.format('%')

当第一个柱的值小于10％时，y轴上的10％标记将不会显示，:(。我意识到图表的内容决定了y轴的高度。< / p>

当我的值超过10％时，y轴上的标记显示

图表2。

这不是我想要的那种行为，我想让y轴固定并独立于条形值。我试过从顶部填充，它看起来很丑，我也尝试给它一个不起作用的修复高度。看起来y轴取决于条的值。

我的问题是如何让y轴保持在图2的固定高度不管酒吧的价值如何，让10％的标记留在哪里？

P.S栏可以有一个隐藏的溢出，但我希望y轴完好无损。感谢。

Answer 1

您可以使用axis.y.max设置y轴的最大值，使用axis.y.tick.values设置要在y轴上显示的刻度值。

axis: {
    y: {
        max: 0.1,
        tick: {
            values: [0, 0.05, 0.1],
            ...