ChartJS 3.8.2:避免在图表收缩时隐藏Y轴刻度

m0rkklqb  于 11个月前  发布在  Chart.js
关注(0)|答案(1)|浏览(142)

我试图强制我的图表在y轴上使用stepSize为5。问题是,当图表收缩(浏览器窗口调整大小或其他)时,刻度使用stepSize为15。我可以强制图表使用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,
        }
    }
}

字符串
但这就是我得到的:ticks are using a stepSize of 15

hrirmatl

hrirmatl1#

options.scales.y.ticks.autoSkip: false的定义如下:

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

字符串
autoSkip的默认值是true

  • 如果是true,则会自动计算可以显示的标签数量,并相应地隐藏标签(...)。关闭autoSkip可显示所有标签。*

如需了解更多信息,请查看Chart.js文档中所有坐标轴的常用tick选项。

相关问题