<html>
<head>
<meta charset="utf-8">
<style type="text/css">
</style>
<script src="./amchart/amcharts.js"></script>
<script src="./amchart/serial.js"></script>
<script src="mergeddata.js"></script>
</head>
<body>
<div id="tempdiv" style="width: 100%; height:50%"></div>
<div id="humiddiv" style="width: 100%; height:50%"></div>
<script>
var tempchart= AmCharts.makeChart("tempdiv", {
"type": "serial",
"pathToImages": "../smart/images/",
"dataProvider": data,
"categoryField": "datetime",
"chartScrollbar": {
"autoGridCount": true,
"graph": "tempscale",
"scrollbarHeight": 30
},
"chartCursor": {
"cursorPosition": "mouse",
"categoryBalloonDateFormat": "MMM DD, YYYY JJ:NN"
},
"mouseWheelScrollEnabled": true,
"categoryAxis": {
"parseDates": true,
"minPeriod": "mm",
"labelRotation": 25
},
"legend": {
"position": "left"
},
"ValueAxes": [{
"id": "foo1", "position": "left"}
],
"graphs": [
{"type":"line", "valueField": "temp-1",
"title": "1"
},
{"type":"line", "valueField": "temp-2",
"title": "2"
},
{"type":"line", "valueField": "temp-4",
"title": "4"
},
{"type":"line", "valueField": "temp-8",
"title": "8 outside"
},
{"type":"line", "valueField": "temp-11",
"title": "11"
},
{"type":"line", "valueField": "temp-12",
"title": "12"
},
{"type":"line", "valueField": "temp-13",
"title": "13"
},
{"type":"line", "valueField": "temp-14",
"title": "14"
},
{"type":"line", "valueField": "temp-15",
"title": "15"
},
{"type":"line", "valueField": "temp-16",
"title": "16"
},
{"type":"line", "valueField": "temp-17",
"title": "17"
},
{"type":"line", "valueField": "temp-18",
"title": "18"
},
{"type":"line", "valueField": "temp-19",
"title": "19"
},
{"type":"line", "valueField": "temp-20",
"title": "20 outside", "id": "tempscale"
},
]
});
var amchart= AmCharts.makeChart("humiddiv", {
"type": "serial",
"pathToImages": "../smart/images/",
"dataProvider": data,
"categoryField": "datetime",
"chartCursor": {
"cursorPosition": "mouse",
"categoryBalloonDateFormat": "MMM DD, YYYY JJ:NN"
},
"mouseWheelZoomEnabled": true,
"legend": {
"position": "left"
},
"ValueAxes": [{
"id": "foo1", "position": "left"}
],
"graphs": [
{"type":"line", "valueField": "humid-1",
"title": "1"
},
{"type":"line", "valueField": "humid-2",
"title": "2"
},
{"type":"line", "valueField": "humid-4",
"title": "4"
},
{"type":"line", "valueField": "humid-8",
"title": "8 outside"
},
{"type":"line", "valueField": "humid-11",
"title": "11"
},
{"type":"line", "valueField": "humid-12",
"title": "12"
},
{"type":"line", "valueField": "humid-13",
"title": "13"
},
{"type":"line", "valueField": "humid-14",
"title": "14"
},
{"type":"line", "valueField": "humid-15",
"title": "15"
},
{"type":"line", "valueField": "humid-16",
"title": "16"
},
{"type":"line", "valueField": "humid-17",
"title": "17"
},
{"type":"line", "valueField": "humid-18",
"title": "18"
},
{"type":"line", "valueField": "humid-19",
"title": "19"
},
{"type":"line", "valueField": "humid-20",
"title": "20 outside", "id": "humidscale"
},
]
});
</script>
</body>
</html>
