【问题标题】:Flot JS x-axis time not formatting properly when trying to display dates尝试显示日期时,Flot JS x 轴时间格式不正确
【发布时间】:2016-12-20 23:14:20
【问题描述】:

使用 Flot 我正在尝试开发一个图表,其中 x 轴以 %M%D 格式显示日期。但是,当运行以下代码时,它只是显示为纪元时间。

http://jsfiddle.net/unwo728s/1/

JavaScript 代码:

var data = [ [gd(2016, 12, 3), 1000], [gd(2016, 12, 4), 200], [gd(2016, 12, 5), 3000], [gd(2016, 12, 6), 1000], [gd(2016, 12, 7), 1000], [gd(2016, 12, 8), 1000]];

var dataset = [
    {
        label: "Daily Amount",
        data: data,
        color: "#FFFFFF",
        points: { fillColor: "#FFFFFF", show: true },
        lines: { show: true }
    }
];

var options = {
    xaxes: {
        mode: "time",
        timeformat: "%m/%d",
        tickSize: [3, "day"],
        color: "black",        
        axisLabel: "Date",
    }
};

 $.plot($("#flot-placeholder"), dataset, options);

 function gd(year, month, day) {
    return new Date(year, month, day).getTime();
}

如何更改 x 轴以正确格式化?

【问题讨论】:

    标签: javascript datetime flot


    【解决方案1】:

    应该是

    var options = {
        xaxis: {
    

    您还需要从“月份”参数中减去一个 (month is zero-based in JS)。

    查看此更新的fiddle

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2020-12-07
      • 1970-01-01
      • 1970-01-01
      • 2017-04-09
      • 2020-06-28
      相关资源
      最近更新 更多