首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Flot日期问题

Flot日期问题
EN

Stack Overflow用户
提问于 2011-06-27 22:16:27
回答 1查看 2.7K关注 0票数 2

我正在尝试在flot中显示日期字段:

数据:

代码语言:javascript
复制
    var data = [
            [parseInt(1309150800.0)*1000, 220],
            [parseInt(1309064400.0)*1000, 230],
    ];

Flot创建:

代码语言:javascript
复制
    $.plot($("#graph"), [ data ], {
        grid: {
            hoverable: true
        },
        xaxis: {
            mode: "time",
            timeformat: "%d.%m.%y"
        },
        yaxis: {
            mode: "number",
            tickSize: 2
        },
        series: {
            lines: { show: true },
            points: { show: true }
        }
    });

根据该站点的http://tools.semsym.com/index.php?tool=timestamp×tamp=1309150800,时间戳是2011年6月26日晚上10:00:00但是图表看起来是这样的:http://i.stack.imgur.com/NUayx.png

这些点有点离谱。第一个应该是26,但现在是25,5。我尝试了一点时间戳格式,但没能达到特定点。

我遗漏了什么?

它还显示了"26.06.2011“大约6次。需要什么配置才能使其保持为1?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2011-07-06 07:46:04

确保设置了minTickSize。下面是http://jsfiddle.net/hAXHq/的一个示例,其中我将minTickSize设置为1天,并显式设置了最小/最大值。您应该能够根据您的数据以编程方式设置自己的最小/最大值。

代码如下:

代码语言:javascript
复制
    var data =  [
        [parseInt(1309150800.0)*1000, 220],
        [parseInt(1309064400.0)*1000, 230]
    ];

    $.plot($("#placeholder"), [ data ], {
    grid: {
        hoverable: true
    },
    xaxis: {
        mode: "time",
        timeformat: "%d.%m.%y",
            minTickSize: [1,"day"],
        min: (new Date(2011,5,25)).getTime(),
        max: (new Date(2011, 5, 28)).getTime()
    },
    yaxis: {
        mode: "number",
        tickSize: 2
    },
    series: {
        lines: { show: true },
        points: { show: true }
    }
});
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/6494266

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档