Chart.js - 定義自定義 y 軸比例

Question

我正在 Asp.Net 上使用 Chart.js，我有一個條形圖。 我的數據集沒有非常接近的數字，因此我無法確定此數據集的任何固定步長。 我的數據集就是這樣； [105000,200000,310000,0.0002]

所以，y 軸范圍看起來像[0 - 100000 - 200000 - 300000 ...]但我想這樣顯示[ 0 - 0.005 - 100000 - 200000 - 300000 ...] 。

我的圖表選項：

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

我嘗試添加選項“ SuggestMin: 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
            }
        }]
    }
}