Skip to content

F
flot
Commit caf1c7c9 authored by Cedric Le Roux's avatar Cedric Le Roux
Browse files
Options

Fixing Issue 686: Tooltip bug

parent b074bde4
Show whitespace changes
Inline Side-by-side
Showing with 13 additions and 25 deletions
examples/interacting/index.html
View file @ caf1c7c9
......@@ -41,20 +41,15 @@
}
});
function showTooltip(x, y, contents) {
$("<div id='tooltip'>" + contents + "</div>").css({
$("<div id='tooltip'></div>").css({
position: "absolute",
display: "none",
top: y + 5,
left: x + 5,
border: "1px solid #fdd",
padding: "2px",
"background-color": "#fee",
opacity: 0.80
}).appendTo("body").fadeIn(200);
}
}).appendTo("body");
var previousPoint = null;
$("#placeholder").bind("plothover", function (event, pos, item) {
if ($("#enablePosition:checked").length > 0) {
......@@ -64,20 +59,14 @@
if ($("#enableTooltip:checked").length > 0) {
if (item) {
if (previousPoint != item.dataIndex) {
previousPoint = item.dataIndex;
$("#tooltip").remove();
var x = item.datapoint[0].toFixed(2),
y = item.datapoint[1].toFixed(2);
showTooltip(item.pageX, item.pageY,
item.series.label + " of " + x + " = " + y);
}
$("#tooltip").html(item.series.label + " of " + x + " = " + y)
.css({top: item.pageY+5, left: item.pageX+5})
.fadeIn(200);
} else {
$("#tooltip").remove();
previousPoint = null;
$("#tooltip").hide();
}
}
});
......@@ -97,7 +86,6 @@
</script>
</head>
<body>
<div id="header">
<h2>Interactivity</h2>
</div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment