FLOT mouse Interactions

by grkblood13

HTML

<script src="http://www.flotcharts.org/flot/jquery.flot.js"></script>
<div id="placeholder" style="width:500px; height:300px;"></div>
<textarea id="myNum"></textarea>

JavaScript

var d1 = [];
for (var i = 0; i < 14; i += 0.5) {
    d1.push([i, Math.sin(i)]);
}

$(function() {
    $("#placeholder").on("plotclick", function (event, pos, item) {
        $("#myNum").text(pos.x);
    });
    $.plot("#placeholder", [d1], {grid: {clickable: true}});
});