ChartJS 图表3.2为Y轴设置整数的问题

zynd9foi  于 2022-11-06  发布在  Chart.js
关注(0)|答案(3)|浏览(221)

我对chartiderjs有很多经验,但是他们的新版本打破了很多东西,它有很多bug和问题。
我希望折线图的y轴为整数,例如:[0,1,2,3...],而我得到的是[0,0.5,1,1.5...]
我所尝试的

scales: {
  yAxes: [{
    type: 'linear', 
    ticks: {
      beginAtZero: true,
      stepSize: 1, // DOES NOT WORK, PROBABLY DEPRECATED IN V3
      precision: 1, // DOES NOT DO ANYTHING
      callback: function (value) { console.log(value)} // CALLBACK DOES NOT        EVEN RUN...
    }
  }
}

文档太糟糕了,对这些都没有帮助。在文档中,他们显示了很多你可以使用的选项,但是跳过了如何使用它们。

2ul0zpep

2ul0zpep1#

我已经找到了一个变通办法,而不是一个解决方案。我将我的react-chartjs-2 Package 器降级到2.9.0,并安装了chart.js dependecy版本2.5.0。

daolsyd0

daolsyd02#

我使用react-chartjs-2@4.1.0chart.js@3.7.1实现了预期的行为,如下所示:

scales: {
    y: {
        type: 'linear' as const, // magic
        ticks: {
            stepSize: 1,
        },
    },
},

将类型设置为const是诀窍。我最初是用你的方法尝试的,直到我发现了这个。

vlju58qv

vlju58qv3#

我认为问题(至少关于分数值)是“精度:1 '.如果不希望有小数值,则应将'精度:0'.

相关问题