如何在chartjs中设置时间笛卡尔图表中的垂直线距离?

vhipe2zx  于 2023-04-30  发布在  Chart.js
关注(0)|答案(1)|浏览(152)

我想有以下垂直线是在15分钟的距离固定,有没有办法实现这一点?

这是我现在的代码:

scales: {
    x: {
        type: 'time',
        time: {
            unit: 'minute',
            ticks: {
                stepSize: 15
            },
            displayFormats: {
                minute: 'HH:mm',
                hour: 'HH:mm',
            }
        },
        min: '{{ tour.chart_min }}',
        max: '{{ tour.chart_max }}',
    },
    y: { beginAtZero: false }
},
ztigrdn8

ztigrdn81#

您的天平配置似乎不一致。您在“time”节点中添加了“ticks”。
试着做以下事情:

scales: {
    x: {
        type: 'time',
        ticks: {
            stepSize: 15
        },
        time: {
            unit: 'minute',
            displayFormats: {
                minute: 'HH:mm',
                hour: 'HH:mm',
            }
        },
        min: '{{ tour.chart_min }}',
        max: '{{ tour.chart_max }}',
    },
    y: { beginAtZero: false }
},

相关问题