Chart.js两个独立的时间轴

Question

我的任务是比较一些当前时期的日志和旧的日志。例如——本周日志和前一周日志。但是当我创建这样的第二个轴时

scales : {
    xAxes: [
        {
            id: 'A',
            type: 'time',
            position: 'bottom'
        }, {
            id: 'B',
            type: 'time',
            position: 'top'
        }
    ]
}

我有一个空的部分，因为我所有的xAx都是“时间”类型的，并且点的时间不一样（这是绝对正常的行为）。我有这种情况

但是我需要制作独立的轴，例如：顶部轴开始于30sep，结束于3oct底部轴开始于7oxt，结束于10oct，它们的长度都相同

我试着创造这样的斧头

let MyScale = Chart.Scale.extend({type: 'time', ticks: this.makePrevDsTicks()});
Chart.scaleService.registerScaleType('myScale', MyScale, {type: 'time'});

但是如果没有“ticks”属性，我会遇到一个错误:“TypeError: me.ticks是未定义的”，有了“ticks ”,我无法使它像“时间”轴一样工作——标签像“原始”一样显示(像日期对象)

我的意思是有行为，但我需要带有两个时间x轴的图表示例有一个笔代码表示例

Answer 1

因此，解决方案是时间选项，我需要做的就是将time.min设置为“上一个”数据集的最后一个时间戳和时间.max设置为“当前”数据集的第一个时间戳

编解码器示例