flot x2axes日期布局与x1axis不对齐

Question

x2axis日期与x1轴时间不对齐。 x2axis标签是MM-dd格式的日期，这应该与x1axis中设置的时间一致，即1小时。 但是这个应该在8点出现，这应该在00:00

var plot = $.plot('#divPlaceholder', [
    { label: itemKey[0], data: itemValue[0], color: '#4bb2c5' },
    { label: itemKey[1], data: itemValue[1], color: '#c5b47f' }
], {
    series: {
        lines: { show: true },
        points: { show: true }
    },
    xaxis: {
        mode: "time",
        position: "top",
        min: minVal,  // this is current day - 24 hours
        max: maxVal,   // this is current date + 1 hours
        timeformat: tickFormat,
        tickSize: interval,
        twelveHourClock: true,
        zoomRange: [0.1, 10]
    },
    x2axis:{
        show:true,
        mode:'time',
        position:'top',
        timeformat:'%b-%d',
        tickSize: [1, 'day'],
        axisLabel: 'Lab Results',
        axisLabelUseCanvas: true,
        axisLabelFontSizePixels: 16,
        axisLabelFontFamily: "Verdana, Arial, Helvetica, Tahoma, sans-serif",
        axisLabelPadding: 0
    },
    yaxis: {
        min: 0,
        panRange:[-10, 100]
    },
    grid: {
        hoverable: true,
        clickable: true,
        backgroundColor: 'gray'
    },
    zoom: {
        interactive: false
    }
});

Answer 1

如果你在添加％H时看到8点，那么它们排列正确;只是在一个你缩短制作标签的时间。如果您希望它们准确排列日期，那么您需要确保时间戳都在00:00。

查看文档中对time series data的讨论，并在Flot中搜索有关时间和时区的其他StackOverflow问题。