时间戳

首页 > 解决方案 > 不正确的时间表Chart.js

chart.js - 不正确的时间表Chart.js

问题描述

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

在此处输入图像描述

但我得到的是

在此处输入图像描述

此处的示例小提琴与图表配置。

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

标签： chart.js

解决方案

时间序列的顺序不正确。由于它是一个时间表，标签应该按升序或降序排列。

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

  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",
        ],

推荐阅读