diff options
Diffstat (limited to 'examples/zooming.html')
| -rw-r--r-- | examples/zooming.html | 15 |
1 files changed, 10 insertions, 5 deletions
diff --git a/examples/zooming.html b/examples/zooming.html index d74f065..b485912 100644 --- a/examples/zooming.html +++ b/examples/zooming.html @@ -7,6 +7,7 @@ <!--[if IE]><script language="javascript" type="text/javascript" src="../excanvas.min.js"></script><![endif]--> <script language="javascript" type="text/javascript" src="../jquery.js"></script> <script language="javascript" type="text/javascript" src="../jquery.flot.js"></script> + <script language="javascript" type="text/javascript" src="../jquery.flot.selection.js"></script> </head> <body> <h1>Flot Examples</h1> @@ -26,7 +27,7 @@ the small overview plot to the right has been connected to the large plot. Try selecting a rectangle on either of them.</p> -<script id="source" language="javascript" type="text/javascript"> +<script id="source"> $(function () { // setup plot function getData(x1, x2) { @@ -43,8 +44,10 @@ $(function () { var options = { legend: { show: false }, - lines: { show: true }, - points: { show: true }, + series: { + lines: { show: true }, + points: { show: true } + }, yaxis: { ticks: 10 }, selection: { mode: "xy" } }; @@ -56,8 +59,10 @@ $(function () { // setup overview var overview = $.plot($("#overview"), startData, { legend: { show: true, container: $("#overviewLegend") }, - lines: { show: true, lineWidth: 1 }, - shadowSize: 0, + series: { + lines: { show: true, lineWidth: 1 }, + shadowSize: 0 + }, xaxis: { ticks: 4 }, yaxis: { ticks: 3, min: -2, max: 2 }, grid: { color: "#999" }, |