Flotr Mouse Interaction
Flotr enables you to interact with the graph by using the mouse. You can make selections and it’s possible to track values that are pointed by the mouse.
Flotr Project Page » Flotr Documentation » Flotr Mouse Interaction
The following options have something to do with mouse interaction. I’ll explain the important ones on this page.
selection: {
mode: null, // => null, 'x', 'y' or 'xy'
color: '#B6D9FF', // => color of the selection box
fps: 10 // => frames-per-second to draw the selection box.
},
mouse: {
track: null, // => true to track mouse
position: 'se', // => position to show the track value box
trackFormatter: defaultTrackFormatter, // => fn: int -> string
margin: 3, // => margin for the track value box
color: '#ff3f19', // => color for the tracking points, null to hide points
trackDecimals: 1, // => number of decimals for track values
radius: 3, // => radius of the tracking points
sensibility: 2 // => the smaller this value, the more precise you've to point with the mouse
}
Making selections
I wrote an example which makes use of the selection support. I recommend you take a look at that example. I’ll write more documentation in the near future.
Tracking the mouse
I wrote an example which makes use of the mouse tracking support. I recommend you take a look at that example. I’ll write more documentation in the near future.
Thank you for a great looking charting library! It’s of great use to me. However: one thing I’ve just noticed in my testing, both on my chart and in your “Click Event Hook Example”; if you click on a grid line, the click isn’t registered. What’s more problematical is if you’ve got a fill on the line - the click doesn’t register if it’s over a filled region. Doesn’t happen on any other browser (including IE6, from what I see).
Keep up the good work!!!