带有 xasis 时间的流程图

Question

我正在尝试带有数据的流程图
[[1645570986, 0.4624863055203449], [1645570987, 0.4624863055203449], [1645570988, 0.468952235505014],…]
因此 [timespamp, value]，但是时间不会出现在 x 轴上。 任何人都可以给我一些建议。

function CF_real_CPU(){

'use strict';
var cpu = $.plot('#flotRealtime1', [real[0].data], {
    colors: ['#ff5e5e'],
    series: {
        lines: {
            show: true,
            lineWidth: 1
        },
        shadowSize: 0 // Drawing is faster without shadows
    },
    grid: {
        borderColor: 'transparent',
        borderWidth: 1,
        labelMargin: 5
    },
    xaxis: {
        mode: "time",
    tickSize: [10, "second"],
    tickLength: 10,
    axisLabelUseCanvas: true,
    axisLabelPadding: 10,
        color: "transparent",
        font: {
            size: 10,
            color: "#fff"
        }
    },
    yaxis: {
        color: 'transparent',
        font: {
            size: 10,
            color: '#fff'
        }
    }
});

}

图像图表

谢谢
阿尔比696

Answer 1

您的时间戳以秒为单位。当使用 Flot（以及一般的 JavaScript）时，它们需要以毫秒为单位。 1645570987 需要是 1645570987000 等等。

使用现在的时间戳，所有数据的跨度都不到一秒，因此轴上的时间位于可见区域之外。