HumbleSoftware / envisionjs

Dynamic HTML5 visualization

Home Page:http://www.humblesoftware.com/envision

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Realtime chart range selection problem

cihadturhan opened this issue · comments

Hi,
First of all, awesome tool. I've tried Highcharts and D3 but they have performance problems as they are svg library. So this is perfect alternative.

The problem is I can't select a range when the chart is realtime. I've recorded a 15 secs video and linked below.
Note: (Red circles represents mousedown event)

video link

Edit:
youtube link

Why didn't you post it somewhere with proper video player. I get shivers when I'm about to download files from hosting sites :)

Besides, I can't open the video on Mac...

Edited :)

You can't select a range in this example because it was programmed mainly for realtime updates. It spends 0.5s on moving range (for the smooth animation) and re-drawing chart (frame-by-frame) every second. You can of course change this functionality yourself to temporarily stop the automatic refresh whenever user presses mouse button and resume it on mouseup event, or whatever you fancy.

Aha, I thought dragging is enabled on this chart too. Thanks, I'm closing then.

I may have some other ideas here too. Can you create a fiddle of your implementation? (This could get you started: http://jsfiddle.net/cesutherland/LurmY/).