Javascript图表一个数字步骤
我对javascript图表有问题,其中数字不是以1迭代的,而是下面的0.5检查屏幕 345-34,5.5-346-34,6.5 我想要这个 345-346-347 我有以下代码:Javascript图表一个数字步骤,javascript,ajax,charts,chart.js,Javascript,Ajax,Charts,Chart.js,我对javascript图表有问题,其中数字不是以1迭代的,而是下面的0.5检查屏幕 345-34,5.5-346-34,6.5 我想要这个 345-346-347 我有以下代码: let followers_chart = new Chart(document.getElementById('followers_chart').getContext('2d'), { type: 'line', data: { labels: <?= $logs_char
let followers_chart = new Chart(document.getElementById('followers_chart').getContext('2d'), {
type: 'line',
data: {
labels: <?= $logs_chart['labels'] ?>,
datasets: [{
label: '<?= $language->report->display->followers ?>',
data: <?= $logs_chart['followers'] ?>,
backgroundColor: '#ED4956',
borderColor: '#ED4956',
fill: false
}]
},
options: {
tooltips: {
mode: 'index',
intersect: false,
callbacks: {
label: (tooltipItem, data) => {
let value = data.datasets[0].data[tooltipItem.index];
value = value.toString();
value = value.split(/(?=(?:...)*$)/);
value = value.join(' ');
return value;
}
}
},
title: {
text: '<?= $language->report->display->followers_chart ?>',
display: true
},
responsive: true,
maintainAspectRatio: false,
scales: {
yAxes: [{
ticks: {
userCallback: (value, index, values) => {
// Convert the number to a string and splite the string every 3 charaters from the end
value = value.toString();
value = value.split(/(?=(?:...)*$)/);
value = value.join(' ');
return value;
}
}
}],
xAxes: [{
ticks: {
}
}]
}
}
});
第二个问题是,顶线和底线不可见。我可以在哪里更改代码和哪个文件?Im total noob at JavaScript:D在您的量表定义中,只需尝试添加以下内容:
ticks: {
min: 0,
beginAtZero: true
}
这至少可以确保您可以看到底线。对于第一个问题,我认为您可以在scales>yAxes>ticks中写入参数stepSize并将其指定为1。 对于第二个问题,尝试将scales>yAxes>ticks、参数stepSize和min和max放入$logs\u chart['followers']的min或max值中
如果Math.floorvalue===value{-这在步骤1中对我有帮助,希望它对你有帮助。但是行仍然被截断尝试了你的解决方案,但不起作用:/And对于顶行?如果Math.floorvalue===value{-这在步骤1中对我有帮助。但是需要不截断底行/顶行+1。
yAxes: [{
ticks: {
stepSize: 1,
min: <?= intval(min($logs_chart['followers'])) - 0.5 ?>,
max: <?= intval(max($logs_chart['followers'])) + 0.5 ?>
}
}]