ChartJS 如何使刻度不延伸到图表的左侧?

vyu0f0g1  于 2023-05-17  发布在  Chart.js
关注(0)|答案(1)|浏览(145)

我正在使用Chart.js制作一个多折线图。我的问题是,第一个滴答声延伸到图表的左边,这将整个事情转移到腾出空间。我想让它这样的第一个刻度不会影响图表的位置(我知道这确实使第一个刻度的刻度间距略有不均匀)。
Chart.js中有大约1500万个选项,我似乎无法让其中任何一个工作。
这是我看到的一张照片。这条黑线是我在事后添加的,它演示了这条线是如何从那里开始的,但是Feb 6刻度突出到左边,而Mar 6刻度没有。

以下是我目前的规模选择:

x: {
  type: 'time',
  ticks: {
    display: true,
    stepSize: 7,
  },
  grid: {
    drawTicks: false,
    display: false,
  },
  border: {
    display: true,
  },
},
zdwk9cvp

zdwk9cvp1#

我认为你可以尝试改变刻度对齐方式,如下所示:

x: {
  type: 'time',
  ticks: {
    display: true,
    stepSize: 7,
    align: 'inner' // to align the start and end ticks in the chart area width
  },
  grid: {
    drawTicks: false,
    display: false,
  },
  border: {
    display: true,
  },
},

相关问题