小编b10*_*000的帖子

如何在 Chart.js 中指定刻度位置?

我正在寻找一种在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],以便绘图看起来更像(不考虑网格线和平滑绘图线):

多普勒

charts location chart.js

3
推荐指数
1
解决办法
4268
查看次数

标签 统计

chart.js ×1

charts ×1

location ×1