Graph 在图表js中设置最小步长
我正在使用2.0版绘制图形,我想在条形图中定义最小步长Graph 在图表js中设置最小步长,graph,chart.js,Graph,Chart.js,我正在使用2.0版绘制图形,我想在条形图中定义最小步长 var myNewChart = new Chart(grapharea, { type: 'bar', data: barData, options: { responsive: true, scales: {
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版以来是新的,确实更干净。我还将更新此答案并添加此信息。@这可能就是您要查找的内容: