ChartJS 3.8.2：避免图表缩小时隐藏 Y 轴刻度

Question

我试图强制图表在

stepSize

轴上使用 5 的

y

。问题是，当图表缩小时（浏览器窗口调整大小或其他），刻度线使用 15 的

stepSize

。无论画布大小如何，我可以强制图表使用 5 的步长吗？

这是我的

options

:

options: {
    scales: {
        y: {
            grid: {
                color: ({ tick }) => tick.value == 0 ? 'black' : Chart.defaults.borderColor
            },
            min: -60,
            ticks: {
                stepSize: 5, // <- this works only when the chart is big enough
                display: true
            }
        }
    },
    layout: {
        padding: {
            right: 10,
            top: 10,
        }
    }
}

但这就是我得到的：

Answer 1

您可以如下定义

options.scales.y.ticks.autoSkip: false

：

scales: {
  y: {   
     ticks: {
       stepSize: 5,
       autoSkip: false
     }
  }

autoSkip

的默认值为

true

。

如果

true

，自动计算可以显示多少个标签并相应地隐藏标签（...）。关闭

autoSkip

以显示所有标签 无论如何。

有关更多信息，请查看 Chart.js 文档中的所有笛卡尔轴的通用刻度选项。