我目前正在开发使用Chart.js(在这种情况下为折线图)的功能。
我需要减少y轴上参考点的数量,例如,无论我使用什么数据集(0、10、20、30、40、50、60、70、80)或( 0、100、200、300、400、500、600、700、800、900)。
但是我只想通过5个步骤来降低图表高度(0、20、40、60、80)或(0、200、400、600、800)。
我的问题是我正在使用动态数据,所以无法使用'stepSize'选项属性对其进行修复,因为我的最大值应为35,即1500。
这是我的代码
var myChart = new Chart(ctx, {
data: {
labels: data.jukeboxDays.labels,
datasets: [{
data: data.jukeboxDays.data,
}]
},
options: {
scales: {
yAxes: [{
ticks: {
beginAtZero: true,
// stepSize: 20
//Can't do it that way in my case not fixed
}
}]
}
},
type: 'line'
});
对不起,如果我的英语不好,
关于, 保罗
编辑:我尝试过这种方法,但是看来您无法从stepSize属性中的函数返回值
stepSize: function() {
//Getting the highest number of the data array
var maxValue = Math.max(...data); //data is an Array
var i = maxValue
while ((maxValue / i) % 25 !== 0) {
i++;
}
return i;
}