如何更改轴的显示 Chart.js

Question

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

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

在xAxesticks，但它也改变了数据集。有没有办法只改变显示？

这是我的曲线： curve

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];
          }
       }
   }
}});

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

如何更改轴的显示 Chart.js

How to change the display of an axis Chart.js

javascript

chart.js

display