Графики JS xAxes не передаются по данным

Question

Я визуализирую несколько наборов данных на диаграмме JS. Всякий раз, когда я включаю / отключаю набор данных. Этот набор данных создаст экземпляр своих данных. В моем случае это xAxes.

и когда я включаю другой набор данных:

Я хочу отключить создание другого экземпляра xAxes, и каждый он будет использовать одни и те же фиксированные оси.

    xAxes: [{
        type: 'time',
        distribution: 'linear',
        ticks: {
            source: 'data'
        },
        time: {
            parser: 'HH:mm:ss',
            unit: 'hour',
            unitStepSize: 1,
            //min: '00:00:00',
            //max: '23:59:59'
        }
    }],

Обновление: 1 Я использовал round: 'hour', чтобы включить в xAxes.time. Это выглядит исправлено. Однако я не знаю, почему точки всегда уходят в углы и свободно распространяются со временем, как показано:

Обновление: 2 Я удалил

/*ticks: {
                    source: 'data'
                },*/

Теперь оно масштабируется.

Answer 1

Удаление

        ticks: {
            source: 'data'
        },

сделал график масштабированным со временем.