<script language="javascript" type="text/javascript" src="../assets/js/jquery.flot.min.js"></script>
<script language="javascript" type="text/javascript" src="../assets/js/jquery.flot.navigate.min.js"></script>
<script language="javascript" type="text/javascript" src="../assets/js/jquery.flot.time.min.js"></script>
$("#placeholder").bind("plothover", function (event, pos, item) {
if (item)
{
var timestamp = item.datapoint[0].toFixed(2), y = item.datapoint[1].toFixed(2);
var x = $.plot.formatDate($.plot.dateGenerator(timestamp, { timezone: "cst"}),"%m/%d %I:%M%p");
$("#tooltip").html(item.series.label + " of " + y + "mbps at " + x)
.css({top: item.pageY+5, left: item.pageX+5})
.fadeIn(200);
} else
{
$("#tooltip").hide();
}
});