如何更改轴Chart.js的显示

Question

我想只更改x轴上显示的值，而不是数据集的值，这可以通过悬停在曲线上看到。 我试过了：

callback: function(value) {return Math.round(value);}

在xAxes ticks ，但它也会更改数据集。 有没有办法只改变显示？

这是我的曲线： 曲线

Answer 1

您应该更改图表的xAxes选项。

const chart = new Chart(ctx, {
type: 'line',
data: data,
options: {
    scales: {
        xAxes: [{
            ticks: {
                callback: function(value, index, values) {
                    return Math.round(value).toString();
                }
            }
        }]
    },
    tooltips: {
        callbacks: {
            title: function(tooltipItem, data) {
               return data.labels[tooltipItem[0].index];
          }
       }
   }
}});

我认为这不会改变数据集。