2013-08-02 45 views
0

我用jQuery Flot創建了一個條形圖。這是一個實時圖表,以當前時間開始並隨時間更新。我想更改此圖表的x軸,以便在開始繪圖時開始時間不會消失,並且在x軸上存在太多時間間隔後會進行一些縮放。帶jQuery Flot的折線圖(修復開始時間)

這裏是我創建Chart Link

我的數據是INT這種形式

function GetData() { 
     var fast = parseInt(msg[1]); 
    var ok = parseInt(msg[2]); 
    var slow = parseInt(msg[3]); 
    var data = [ 
      {label: "Fast", data:fast}, 
      {label: "OK", data:ok}, 
      {label: "Slow", data:slow} 
    ]; 
     return data; 
    } 

任何一個可以請幫我的圖表?

由於

Click on "Chart Link" to see the running chart 
+0

所以,你不希望它前點推卸在添加新的點?更新很長一段時間後會發生什麼?順便提一下,很酷的圖表。 – Mark

+0

是的,我不想改變起點作爲新的點來,如果它更新了很長一段時間它應該在x軸上縮放時間 – Wearybands

+0

請參閱下面的答案。它將與更多的積分自動縮放,要經過一段時間得到非常擁擠... – Mark

回答

1

GetData只是刪除的數據的 「移動」:

更新撥弄here

+0

捆綁謝謝:) – Wearybands

+0

的請看看我​​編輯的問題,我的數據看起來怎麼樣......但它不是陰謀 – Wearybands

+0

你修改任何東西在的jsfiddle。你的GetData()現在返回一些東西,然後它修改了一個全局... – Mark