我正在寻找一种在chart.js图表上手动指定 x/y 刻度位置的方法,相当于 matplotlib 的matplotlib.pyplot.xticks。该文档解释了如何创建自定义刻度格式,但这适用于自动计算的刻度位置。如何指定刻度位置?
这是我正在使用的配置:
var config = {
type: "line",
data: {
labels: [],
datasets: [{
data: [{x: 1, y: 2}, {x: 5, y: 3}, {x: 6, y: 4}],
fill: false,
borderColor: "#1f77b4",
}],
},
options: {
scales: {
xAxes: [{
type: 'linear',
distribution: 'series',
ticks: {
min: 0.,
max: 7.,
},
}]
},
},
}
Run Code Online (Sandbox Code Playgroud)
我想指定 xticks 位置,例如[0., 3.5, 5.7, 6.1],以便绘图看起来更像(不考虑网格线和平滑绘图线):