From 7ffbfdc111a8ec9b48c33d9c831432b32732f996 Mon Sep 17 00:00:00 2001
From: Dan Vanderkam <danvdk@gmail.com>
Date: Wed, 23 Dec 2009 18:11:28 -0500
Subject: [PATCH] toggle visibility in stock demo

---
 docs/index.html | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/docs/index.html b/docs/index.html
index 22730f6..87165a7 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -430,9 +430,16 @@ new Dygraph(el, data, {
     <p>This chart shows monthly closes of the Dow Jones Industrial Average, both in nominal and real (i.e. adjusted for inflation) dollars. The shaded areas show its monthly high and low. CPI values with a base from 1982-84 are used to adjust for inflation.</p>
 
     <div id="dow_chart" style="width:900px; height:350px;"></div>
+    <p><b>Display: </b>
+    <input type=checkbox id=0 onClick="stockchange(this)" checked>
+    <label for="0"> Nominal</label>
+    <input type=checkbox id=1 onClick="stockchange(this)" checked>
+    <label for="1"> Real</label>
+    </p>
+
     <script type="text/javascript">
     // From http://www.econstats.com/eqty/eq_d_mi_3.csv
-      new Dygraph(
+      stockchart = new Dygraph(
         document.getElementById('dow_chart'),
         "dow.txt",
         {
@@ -441,6 +448,10 @@ new Dygraph(el, data, {
           labelsKMB: true
         }
       );
+
+      function stockchange(el) {
+        stockchart.setVisibility(el.id, el.checked);
+      }
     </script>
 <!--
 
-- 
2.7.4