不正确的时间表Chart.js

Question

我正在尝试生成带有一些正值和一些负值的时间表。我正在努力实现这样的目标。当我将图表的xAxes类型设置为时间时，会发生此问题。

但是我得到的是

使用图表配置对小提琴here进行采样。

                xAxes: [{
                type: 'time',
                unitStepSize: 1,
                time: {
                    'unit': 'day'
                },
                displayFormats: {
                    'day': 'MMM DD'
                },
                distribution: 'series',
                gridLines: {
                    display: true,
                    drawBorder: true,
                    drawOnChartArea: true,
                    tickMarkLength: 15
                }
            }],

Answer 1

时间序列顺序不正确。由于它是时间表，因此标签应按升序或降序排列。

将时间更改为以下顺序可解决问题

  data: {
        labels: [
        "2018-12-04 00:00:14.000000"
        "2018-12-05 11:45:14.000000",
        "2018-12-05 12:00:14.000000",
        "2018-12-05 13:00:15.000000",
        "2018-12-05 14:00:14.000000",
        ],