-2

我正在寻找类似http://www.flotcharts.org/flot/examples/tracking/index.html的东西。唯一的问题是我需要 y 轴来显示高度和 x 轴来显示一天中的时间。我怎样才能做到这一点; 我可以使用 php 或 jquery 来完成这项工作,因此我们将不胜感激任何建议。

提前致谢

4

3 回答 3

2

看一下

highcharts.com

可能会有所帮助。

于 2013-02-18T08:21:18.493 回答
2

或者也许你在这个库中找到了一些东西。

http://d3js.org/

于 2013-02-18T08:26:11.303 回答
1

您可以通过设置使用 Flot 插件来做到这一点:

xaxis: {
    mode: "time",
    timeformat: "%Y/%m/%d"
}

您也可以通过其他选项进行调整。看看这个: https ://github.com/flot/flot/blob/master/API.md#time-series-data


- - 编辑 - -

给你:http: //jsfiddle.net/ZDt7h/7/

$(function(){
    var $placeholder = $('#placeholder');
    var start = 1361399340000;   
    var serie = [[start, 1],[start+60E3, 2],[start+120E3, 3],[start+180E3, 2]];

    var myplot = $.plot($placeholder, [serie], {
        xaxis: {
            mode: 'time',
            timeformat: '%H:%M:%S'
        },
        series: {
            'shadowSize': 0,
            'points': {
                'show': true
            },
            'lines': {
                'show': true
            }
        },
        crosshair: { 'mode': 'x' },
        grid: { 'hoverable': true, 'autoHighlight': true }
    });

    $('#update').click(function(){
        serie.push([start+(serie.length)*60E3, Math.floor(Math.random()*10)]);
        myplot.setData([serie]);
        myplot.setupGrid();
        myplot.draw();
    });
});
于 2013-02-18T08:29:01.913 回答