Realtime chart with multiple series, time axis and async update

[SebFZ1]

 Hello,

 I am trying to have the realtime chart which have the following design:

• the chart has multiple series
• the X axis is a time axis (displaying 11:15:30, 11:16:00, etc), with a range of 5 minutes
  
• the X axis should always scroll (a 500ms timer?)
  
• another process gets values for one serie at a time, every 1 to 3 seconds (in websocket, but a timer can be used for demo purpose I think).
• when a value arrives, the corresponding series should be updated, for the timestamp provided, and the previous point (if any visible for this series) should be joined to the new point (to have a continous line)
  

Do you think it is feasible?
I tried several things - not to say a lot - all the day but I am far away from a kind of result... Any suggestion will be highly welcome!

Thanks a lot in advance,
Sebastien

 

[SebFZ1]

Hi,

Please find the actual state of my tries:
http://jsfiddle.net/sebfz1/qz53u/4/

My questions are:

- how to get continous lines?
- how to get the time (hh:mm:ss) on the X axis?
- is it possible to make the scroll more smooth?

I would really appreciate some help because I need to have finished this by monday, otherwise I should fallback to the actual implementation (using Smoothie).

Thanks a lot in advance,
Sebastien