gpt4 book ai didi

chart.js - 如何在 Chart.js 上更改 X 轴间隔

转载 作者:行者123 更新时间:2023-12-01 10:19:59 24 4
gpt4 key购买 nike

我在 Chart.js 上有一个折线图,正在尝试编辑 x 轴和 y 轴上的间隔。

我的 y 轴间隔按预期运行,但我的 x 轴间隔没有。

我尝试了以下代码

let myChart = new Chart(inputChart, {
type: 'line',
data: {
labels: [1,2,....,360] // list of values from python script
data: [360 random numbers here]
}
options: {
scales: {
yAxes: [{
id:'main-axis',
ticks: {
stepSize: 40 // this worked as expected
}
}],
xAxes: [{
id: 'main-x-axis',
ticks: {
stepSize: 30 // this did not work as expected
}
}]
}
}
})

对于 360 个数据点,我只想看到 12 个间隔(以 30 为增量),但我看到的是 90 个间隔,以 4 为增量。我只是为 stepSize 使用了错误的属性吗?如果是这样,正确的属性是什么?

最佳答案

可以使用 maxTicksLimit 来完成。 xAxes 选项,请参阅此工作 fiddle -> http://jsfiddle.net/Lzo5g01n/3/

xAxes: [{
type: 'time',
ticks: {
autoSkip: true,
maxTicksLimit: 20
}
}]

关于chart.js - 如何在 Chart.js 上更改 X 轴间隔,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53523600/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com