Skip to content
Browse files

A slightly modified (property names) patch submitted by Tanc (thanks!…

…) that exposes the radius of the 'fake' dataseries that shows the selected point on hover. Simply: You can make the highlight larger like on google analytics :)
  • Loading branch information...
1 parent 154c85c commit 7e649c9244ed520e14927f01455a39953fa11052 @rfunduk committed
Showing with 6 additions and 2 deletions.
  1. +2 −1 examples/interacting.html
  2. +4 −1 jquery.flot.js
View
3 examples/interacting.html
@@ -34,7 +34,8 @@
grid: {
clickable: true,
hoverable: true,
- mouseOverHighlight: "black"
+ mouseOverHighlight: "black",
+ mouseOverHighlightRadius: 5
}
});
View
5 jquery.flot.js
@@ -93,6 +93,7 @@
clickable: null,
hoverable: false,
mouseOverHighlight: null,
+ mouseOverHighlightRadius: null,
mouseOverFill: '#FFF',
mouseCatchingArea: 15,
coloredAreas: null, // array of { x1, y1, x2, y2 } or fn: plot area -> areas
@@ -1920,7 +1921,9 @@
var temp_series = {
shadowSize: options.shadowSize,
lines: { show: false },
- points: $.extend(true, options.points, { fillColor: fill }),
+ points: $.extend(true, options.points,
+ { fillColor: fill,
+ radius: options.grid.mouseOverHighlightRadius }),
color: options.grid.mouseOverHighlight,
data: [[marker.x, marker.y]]
};

0 comments on commit 7e649c9

Please sign in to comment.
Something went wrong with that request. Please try again.