<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>Google Visualization API Sample</title>
<!--
One script tag loads all the required libraries! Do not specify any chart types in the
autoload statement.
-->
<script type="text/javascript"
src='https://www.google.com/jsapi?autoload={
"modules":[{
"name":"visualization",
"version":"1"
}]
}'></script>
<script type="text/javascript">
google.setOnLoadCallback(drawVisualization);
function drawVisualization() {
var wrap = new google.visualization.ChartWrapper({
'chartType':'LineChart',
'dataSourceUrl':'http://amr2.mybluemix.net/getmet/list',
'containerId':'visualization',
'query':'SELECT currA,timetag',
'options': {'title':'Example Chart', 'legend':'none'}
});
wrap.draw();
}
</script>
</head>
<body>
<div id="visualization" style="height: 400px; width: 400px;"></div>
</body>
</html>
My code doesn't work. Anybody can show me what I have been missing?