ChartJS React图表:刻度之间的差值,x`/`xAxes`/`xAxes[]`

g6baxovj  于 2022-11-07  发布在  Chart.js
关注(0)|答案(1)|浏览(147)

我正在使用react-chartjs-2和Typescript。
我对chartjs的界面感到非常困惑(也许这是由于版本下的API发生了严重的变化,以及在线运行的信息没有明确说明版本)。
以下选项有何区别:

  • options.scales.x: {}
  • options.scales.xAxes: {}
  • 我认为这等于上面的,但在某些情况下,我不能让options.scales.xAxes.min工作。所以我诉诸于使用x。
  • options.scales.xAxes: [{}]
  • 我看到许多使用这种语法的例子(特别是在SO上)。然而,我自己使用它会导致类型错误。
aurhwmvo

aurhwmvo1#

options.scales.xAxes: [{}]是V2语法,这里所有的x轴被分组在一个数组中,所有的y轴也是如此。
在v3中,所有刻度都是刻度对象中自己的对象,其中对象的关键字是您的刻度ID。
默认情况下,您应该使用options.scales.x来配置默认的x轴。但为了使事情简单一点,chart.js会查看对象的第一个字母来确定其类型,因此如果您传递options.scales.xAxes,则在您没有配置任何其他刻度的情况下,它应该会得到相同的结果

相关问题