Graph 在图表js中设置最小步长

Graph 在图表js中设置最小步长,graph,chart.js,Graph,Chart.js,我正在使用2.0版绘制图形,我想在条形图中定义最小步长 var myNewChart = new Chart(grapharea, { type: 'bar', data: barData, options: { responsive: true, scales: {

我正在使用2.0版绘制图形,我想在条形图中定义最小步长

var myNewChart = new Chart(grapharea, {
                type: 'bar',
                data: barData,
                options: {
                    responsive: true,                        
                    scales: {
                        yAxes: [
                            {
                                ticks: {
                                    min: 0, // it is for ignoring negative step.
                                    beginAtZero: true,
                                    stepSize: 1  // if i use this it always set it '1', which look very awkward if it have high value  e.g. '100'.
                                }
                            }
                        ]
                    }
                }
            });
这次我用的是

步长:1

我使用此步长来忽略点值,例如“0.5”,它显示最大图形值id小于时的值,例如“2”。
如果我使用它,它总是将步长设置为“1”,如果它的值很高,例如“100”,这看起来非常尴尬

我在寻找这样的东西: suggestedMin=1


是否有任何东西可以定义最小步长,在值较高的情况下不应固定该最小步长。

如果不想显示点值(例如0.5)标签,可以编写回调函数来过滤点值标签,而不是使用步长

像这样:

ticks: {
    min: 0, // it is for ignoring negative step.
    beginAtZero: true,
    callback: function(value, index, values) {
        if (Math.floor(value) === value) {
            return value;
        }
    }
}
在这里演奏小提琴:

更新: 如和下面所述,Chart.js将精度属性添加到ticks中。它从2.7.3版开始提供。请看Lekoaf的《如何使用它》

ticks: {
    precision: 0
}
这和上面的回调函数一样好,而且更干净

精度,如果已定义且未指定步长,则步长将四舍五入到小数点后许多位


刚刚在我的图表上尝试了这个。它很有魅力,谢谢!我尝试了precision:0,它对我有效precision:0与回调函数同样有效,而且更干净。precision属性自2.7.3版以来是新的,确实更干净。我还将更新此答案并添加此信息。@这可能就是您要查找的内容: