diff --git a/index.html b/index.html
index 34bf103..61bf227 100644
--- a/index.html
+++ b/index.html
@@ -12,55 +12,60 @@
     <div id="humiddiv" style="width: 100%; height:50%"></div>
     <script>
     var tempchart= AmCharts.makeChart("tempdiv", {
-		    "type": "serial",
-		    "dataProvider": data,
-		    "categoryField": "datetime",
-		    "chartScrollbar": {
-		      "autoGridCount": true,
-		      "graph": "tempscale",
-		      "selectedGraphLineAlpha": 1,
-		      "selectedGraphFillAlpha": 0,
-		      "selectedBackgroundColor": "#c0d0e0",
-		      "graphLineAlpha": 1,
-		      "graphFillAlpha": 0,
-		      "scrollbarHeight": 30
-		    },
-		    "categoryAxis": {
-		      "parseDates": true,
-		      "minPeriod": "mm",
-              "labelsEnabled": false,
-		    },
-            "listeners": [{
+        "type": "serial",
+        "dataProvider": data,
+        "categoryField": "datetime",
+        "valueAxis": {
+            "ignoreAxisWidth": true
+        },
+        "chartScrollbar": {
+            "autoGridCount": true,
+            "graph": "tempscale",
+            "selectedGraphLineAlpha": 1,
+            "selectedGraphFillAlpha": 0,
+            "selectedBackgroundColor": "#c0d0e0",
+            "graphLineAlpha": 1,
+            "graphFillAlpha": 0,
+            "scrollbarHeight": 30
+        },
+        "categoryAxis": {
+            "parseDates": true,
+            "minPeriod": "mm",
+            "labelsEnabled": false,
+        },
+        "listeners": [{
                 "event": "zoomed",
                 "method": syncZoom
-	    }, {
-		"event": "init",
-		"method": 
-		function() {
-		    today = new Date();
-		    tempchart.zoomToDates(new Date(today.getTime() - 7*24*3600*1000), today);
-		}
-    	    }
-			],
-		    "chartCursor": {
-              "listeners": [{
-                  "event": "changed",
-                  "method": syncCursors
-              }, {
-                  "event": "onHideCursor",
-                  "method": hideCursors
-              }],
-              "oneBalloonOnly": true,
-		      "cursorPosition": "mouse",
-		      "valueLineEnabled": true,
-		      "categoryBalloonEnabled": false,
-		      "valueBalloonFormat": "%d"
-		    },
-		    "mouseWheelZoomEnabled": true,
-		    "legend": {
-			    "valueText": "[[value]]℃",
-			    "position": "left"
-		    },
+            }, {
+                "event": "init",
+                "method": 
+                function() {
+                    var today = new Date();
+                    var weekbefore = today.getTime - 7* 24*3600*1000;
+                    console.log(new Date(weekbefore) + "  -  " + today);
+
+                    tempchart.zoomToDates(new Date(weekbefore), today);
+                }
+        }],
+        "chartCursor": {
+            "listeners": [{
+                "event": "changed",
+                "method": syncCursors
+            }, {
+                "event": "onHideCursor",
+                "method": hideCursors
+            }],
+            "oneBalloonOnly": true,
+            "cursorPosition": "mouse",
+            "valueLineEnabled": true,
+            "categoryBalloonEnabled": false,
+            "valueBalloonFormat": "%d"
+        },
+        "mouseWheelZoomEnabled": true,
+        "legend": {
+            "valueText": "[[value]]℃",
+            "position": "left"
+        },
 		    /*
     # group : I->ist, R->HSJ-R, L->HSJ-L, O->outside, H->kousaku, F->field-Lab
     {   title => 'out', dir   => '8', # sensor no.  group => 'O', },
@@ -83,37 +88,37 @@
     {   title => 'F3', dir   => '16', group => 'F', },
     {   title => 'ist', dir   => '11', group => 'I', },
     {   title => 'SRV', dir   => '19', group => 'I', }, */
-		    "graphs": [
+        "graphs": [
 		    {"type":"line", "valueField": "temp-1", "title": "01 ent H",
-			    "balloonText": "<b>01: [[value]]℃</b>", },
+			    "balloonText": "<b>01 ent: [[value]]℃</b>", },
 		    {"type":"line", "valueField": "temp-2", "title": "02 LB L",
-			    "balloonText": "<b>02: [[value]]℃</b>", },
+			    "balloonText": "<b>02 LB: [[value]]℃</b>", },
 		    {"type":"line", "valueField": "temp-4", "title": "04 RB R",
-			    "balloonText": "<b>04: [[value]]℃</b>", },
+			    "balloonText": "<b>04 RB: [[value]]℃</b>", },
 		    {"type":"line", "valueField": "temp-11", "title": "11 ist準備",
-			    "balloonText": "<b>11: [[value]]℃</b>", },
+			    "balloonText": "<b>11 ist: [[value]]℃</b>", },
 		    {"type":"line", "valueField": "temp-12", "title": "12 ML2",
-			    "balloonText": "<b>12: [[value]]℃</b>", },
+			    "balloonText": "<b>12 ML2: [[value]]℃</b>", },
 		    {"type":"line", "valueField": "temp-13", "title": "13 ML1",
-			    "balloonText": "<b>13: [[value]]℃</b>", },
+			    "balloonText": "<b>13 ML1: [[value]]℃</b>", },
 		    {"type":"line", "valueField": "temp-14", "title": "14 GRL",
-			    "balloonText": "<b>14: [[value]]℃</b>", },
-		    {"type":"line", "valueField": "temp-19", "title": "19 srv I",
-			    "balloonText": "<b>19: [[value]]℃</b>", },
+			    "balloonText": "<b>14 GRL: [[value]]℃</b>", },
+		    {"type":"line", "valueField": "temp-19", "title": "19 サーバ",
+			    "balloonText": "<b>19 サーバ: [[value]]℃</b>", },
 		    {"type":"line", "valueField": "temp-16", "title": "16 領域3 F",
-			    "balloonText": "<b>16: [[value]]℃</b>", },
+			    "balloonText": "<b>16 領域3: [[value]]℃</b>", },
 		    {"type":"line", "valueField": "temp-17", "title": "17 領域2 F",
-			    "balloonText": "<b>17: [[value]]℃</b>", },
+			    "balloonText": "<b>17 領域2: [[value]]℃</b>", },
 		    {"type":"line", "valueField": "temp-18", "title": "18 領域1 F",
-			    "balloonText": "<b>18: [[value]]℃</b>", },
+			    "balloonText": "<b>18 領域1: [[value]]℃</b>", },
 		    {"type":"line", "valueField": "temp-15", "title": "15 win O",
-			    "balloonText": "<b>15: [[value]]℃</b>", },
+			    "balloonText": "<b>15 win: [[value]]℃</b>", },
 		    {"type":"line", "valueField": "temp-8", "title": "08 out",
 			    "balloonText": "<b>08 out: [[value]]℃</b>", },
 		    {"type":"line", "valueField": "temp-20",
 			    "balloonText": "<b>20 out: [[value]]℃</b>",
 			    "title": "20 out", "id": "tempscale" },
-		    ]
+        ]
 	    });
 
     var humidchart = AmCharts.makeChart("humiddiv", {
@@ -121,39 +126,40 @@
 		    "dataProvider": data,
 		    "categoryField": "datetime",
             "valueAxis": {
-	        "maximum": "99",
-                "ignoreAxisWidth": true
+                "fontSize": 4
             },
             "listeners": [{
                 "event": "zoomed",
                 "method": syncZoom
-	    }, {
-		"event": "init",
-		"method": 
-		function() {
-		    today = new Date();
-		    humidchart.zoomToDates(new Date(today.getTime() - 7*24*3600*1000), today);
-		}
-    	    }
+                }, {
+                "event": "init",
+                "method": 
+                    function() {
+                        today = new Date();
+                        humidchart.zoomToDates(new Date(today.getTime() - 7*24*3600*1000), today);
+                    }
+                }
             ],
 		    "chartCursor": {
-              "oneBalloonOnly": true,
-		      "cursorPosition": "mouse",
-		      "valueLineEnabled": true,
-		      "categoryBalloonDateFormat": "MMM DD, YYYY JJ:NN",
-              "listeners": [{
-                  "event": "changed",
-                  "method": syncCursors
-              }, {
-                  "event": "onHideCursor",
-                  "method": hideCursors
-              }]
-		    },
-		    "categoryAxis": {
-		      "parseDates": true,
-		      "minPeriod": "mm",
-		      "labelRotation": 25
-		    },
+                "oneBalloonOnly": true,
+                "cursorPosition": "mouse",
+                "valueLineEnabled": true,
+                "categoryBalloonDateFormat": "MMM DD, YYYY JJ:NN",
+                "listeners": [{
+                    "event": "changed",
+                    "method": syncCursors
+                }, {
+                    "event": "onHideCursor",
+                    "method": hideCursors
+                }]
+            },
+            "categoryAxis": {
+                "color": "#205020",
+                "fillColor": "#40a090",
+                "parseDates": true,
+                "minPeriod": "mm",
+                "labelRotation": 25
+            },
 		    "mouseWheelZoomEnabled": true,
 		    "legend": {
 			    "valueText": "[[value]]%",
@@ -161,29 +167,29 @@
 		    },
 		    "graphs": [
 		      {"type":"line", "valueField": "humid-1", "title": "01 ent H",
-			    "balloonText": "<b>01: [[value]]%</b>"},
+			    "balloonText": "<b>01 ent: [[value]]%</b>"},
 		      {"type":"line", "valueField": "humid-2", "title": "02 LB L",
-			    "balloonText": "<b>02: [[value]]%</b>"},
+			    "balloonText": "<b>02 LB: [[value]]%</b>"},
 		      {"type":"line", "valueField": "humid-4", "title": "04 RB R",
-			    "balloonText": "<b>04: [[value]]%</b>"},
+			    "balloonText": "<b>04 RB: [[value]]%</b>"},
 		      {"type":"line", "valueField": "humid-11", "title": "11 ist",
-			    "balloonText": "<b>11: [[value]]%</b>"},
+			    "balloonText": "<b>11 ist: [[value]]%</b>"},
 		      {"type":"line", "valueField": "humid-12", "title": "12 ML2",
-			    "balloonText": "<b>12: [[value]]%</b>"},
+			    "balloonText": "<b>12 ML2: [[value]]%</b>"},
 		      {"type":"line", "valueField": "humid-13", "title": "13 ML1",
-			    "balloonText": "<b>13: [[value]]%</b>"},
+			    "balloonText": "<b>13 ML1: [[value]]%</b>"},
 		      {"type":"line", "valueField": "humid-14", "title": "14 GRL",
-			    "balloonText": "<b>14: [[value]]%</b>"},
-		      {"type":"line", "valueField": "humid-19", "title": "19 srv I",
-			    "balloonText": "<b>19: [[value]]%</b>"},
-		      {"type":"line", "valueField": "humid-16", "title": "16 領域3 F",
-			    "balloonText": "<b>16: [[value]]%</b>"},
-		      {"type":"line", "valueField": "humid-17", "title": "17 領域2 F",
-			    "balloonText": "<b>17: [[value]]%</b>"},
-		      {"type":"line", "valueField": "humid-18", "title": "18 領域1 F",
-			    "balloonText": "<b>18: [[value]]%</b>"},
+			    "balloonText": "<b>14 GRL: [[value]]%</b>"},
+		      {"type":"line", "valueField": "humid-19", "title": "19 サーバ",
+			    "balloonText": "<b>19 サーバ: [[value]]%</b>"},
+		      {"type":"line", "valueField": "humid-16", "title": "16 領域3",
+			    "balloonText": "<b>16 領域3: [[value]]%</b>"},
+		      {"type":"line", "valueField": "humid-17", "title": "17 領域2",
+			    "balloonText": "<b>17 領域2: [[value]]%</b>"},
+		      {"type":"line", "valueField": "humid-18", "title": "18 領域1",
+			    "balloonText": "<b>18 領域1: [[value]]%</b>"},
 		      {"type":"line", "valueField": "humid-15", "title": "15 win O",
-			    "balloonText": "<b>15: [[value]]%</b>"},
+			    "balloonText": "<b>15 win: [[value]]%</b>"},
 		      {"type":"line", "valueField": "humid-8", "title": "08 out",
 			    "balloonText": "<b>08 out : [[value]]%</b>"},
 		      {"type":"line", "valueField": "humid-20",
@@ -224,6 +230,41 @@
             humidchart.zoomToDates(e.startDate, e.endDate);
         }
     }
+
+    function toggle_graphs(state,chart) {
+        for (var i = 1; i< arguments.length; i++) {
+            if (state) {
+                tempchart.showGraph(tempchart.graphs[arguments[i]])
+                humidchart.showGraph(humidchart.graphs[arguments[i]])
+            } else {
+                tempchart.hideGraph(tempchart.graphs[arguments[i]])
+                humidchart.hideGraph(humidchart.graphs[arguments[i]])
+            }
+        }
+    }
+
+    window.onkeydown = function(e) {
+        switch (e.keyCode) {
+            case 191:
+                alert("?\thelp\ni\tIST\t(toggle)\nh\tHSJ\t(toggle)\nf\tField\t(toggle)\no\toutside\t(toggle)");
+                break;
+            case 73:
+                toggle_graphs(tempchart.graphs[3].hidden, 3,4,5,6,7);
+                break;
+            case 72:
+                toggle_graphs(tempchart.graphs[0].hidden, 0,1,2);
+                break;
+            case 70:
+                toggle_graphs(tempchart.graphs[8].hidden, 8,9,10);
+                break;
+            case 79:
+                toggle_graphs(tempchart.graphs[11].hidden, 11,12,13);
+                break;
+            default:
+                console.log(e.keyCode);
+                break;
+        }
+    };
     </script>
 </body>
 </html>