我正在寻找类似http://www.flotcharts.org/flot/examples/tracking/index.html的东西。唯一的问题是我需要 y 轴来显示高度和 x 轴来显示一天中的时间。我怎样才能做到这一点; 我可以使用 php 或 jquery 来完成这项工作,因此我们将不胜感激任何建议。
提前致谢
我正在寻找类似http://www.flotcharts.org/flot/examples/tracking/index.html的东西。唯一的问题是我需要 y 轴来显示高度和 x 轴来显示一天中的时间。我怎样才能做到这一点; 我可以使用 php 或 jquery 来完成这项工作,因此我们将不胜感激任何建议。
提前致谢
看一下
highcharts.com
可能会有所帮助。
或者也许你在这个库中找到了一些东西。
您可以通过设置使用 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();
});
});