Chart.js - 定义自定义 y 轴刻度答案

【问题标题】：Chart.js - Define custom y-axis scaleChart.js - 定义自定义 y 轴刻度
【发布时间】：2018-12-10 05:47:52
【问题描述】：

我在 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
            }
        }]
    }
}

我尝试添加选项“suggestedMin: 0.005”，但 y 轴值没有改变。

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

【问题讨论】：

看看this issue，可能你需要提供scaleSteps属性或者其他与y轴缩放相关的属性。
我已经读过这个，但是 scaleSteps 属性为我们提供了显示相同范围的 y 轴。我不想要那个。我的数据集上的数字太小和太大，所以我想确定 y 轴上的值。 @TetsuyaYamamoto

标签： asp.net asp.net-mvc charts chart.js bar-chart

【解决方案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
            }
        }]
    }
}

【讨论】：