Improvements to graph - allow interactive pan & zoom

This commit is contained in:
Tim Sutton 2011-11-21 20:14:27 +02:00
parent d75d8b55ff
commit 0589dafe48

View File

@ -6,6 +6,7 @@
<script language="javascript" type="text/javascript" src="../js/jquery.flot.js"></script>
<!-- flot grow plugin: see http://jumware.com/Includes/jquery/Flot/Doc/JQuery.flot.grow.html -->
<script language="javascript" type="text/javascript" src="../js/jquery.flot.grow.js"></script>
<script language="javascript" type="text/javascript" src="../js/jquery.flot.navigate.js"></script>
</head>
<body>
<div id="chart"><h1>Histogram loading...</h1></div>
@ -13,12 +14,17 @@
var d = new Array();
function replot()
{
var options = { series : {
grow : { active : true },
points : { show : true },
grow : { stepMode : "maximum", steps: 120 },
lines : { show : true }
}
var options = { series :
{
grow : { active : true },
points : { show : true },
grow : { stepMode : "maximum", steps: 120 },
lines : { show : true },
},
yaxis : { zoomRange: null, panRange: null },
xaxis : { zoomRange: null, panRange: null },
zoom : { interactive : true },
pan : { interactive : true }
};
$.plot($("#chart"), d, options);
}
@ -26,7 +32,7 @@
{
d.push( { data: theSeries } );
replot();
alert( theSeries );
//alert( theSeries );
}
$(function ()
{