Chart.js-定义自定义y轴比例

Question

我正在Asp.Net上使用Chart.js，并且有条形图。我的数据集没有非常接近的数字，因此我无法为此数据集确定任何固定的stepSize。 我的数据集是这样的； [105000,200000,310000,0.0002]

因此，y轴范围看起来像是 [0-100000-200000-300000 ...] ，但我想像这样显示它 [0- 0.005 < / strong>-100000-200000-300000 ...] 。

我的图表选项：

options = {
    scales: {
        yAxes: [{
            ticks: {
                beginAtZero: true,
                responsive: true,
                mainAspectRatio: false
            }
        }]
    }
}

我尝试将选项添加到“ suggestedMin：0.005 ”，但y轴值未更改。

如何定义y轴的自定义比例？

Answer 1

尝试使用callback属性：

options = {
    scales: {
        yAxes: [{
            ticks: {
                beginAtZero: true,
                responsive: true,
                mainAspectRatio: false,
                callback: (v) => !!~[0, 0.005, 100000, 200000, 300000].indexOf(v) ? v : '',
                min: 0,
                max: 300000,
                step: 0.005
            }
        }]
    }
}