Question

我正在寻找像http://www.flotcharts.org/flot/examples/tracking/index.html这样的东西。唯一的问题是我需要y轴显示高度，x轴显示一天的时间。我怎样才能做到这一点;我可以使用php或jquery进行这项工作，所以任何建议都将受到赞赏。

提前致谢

Answer 1

看看

highcharts.com

可能有帮助。

Answer 2

或者你可能在这个库中找到了什么。

http://d3js.org/

Answer 3

你可以通过设置：

来完成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();
    });
});

需要一个好的库来绘制曲线

3 个答案: