Javascript图表一个数字步骤

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

我对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_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 ?>
   }
}]