JSON into a simple chart
hefei...@yahoo.com
<!DOCTYPE html>
<html>
<head>
<!-- EXTERNAL LIBS-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://www.google.com/jsapi"></script>
<!-- EXAMPLE SCRIPT -->
<script>
// onload callback
function drawChart() {
// JSONP request
var jsonData = $.ajax({
url: 'https://www.quandl.com/api/v1/datasets/WSJ/FE_TJN.json',
data: {page: 1},
dataType: 'json',
}).done(function (results) {
var data = new google.visualization.DataTable();
data.addColumn('datetime', 'Time');
data.addColumn('number', 'Price');
$.each(results, function (i, row) {
data.addRow([
(new Date(row.Date)),
parseFloat(row.Value)
]);
});
var chart = new google.visualization.LineChart($('#chart').get(0));
chart.draw(data, {
title: 'Prices'
});
});
}
// load chart lib
google.load('visualization', '1', {
packages: ['corechart']
});
// call drawChart once google charts is loaded
google.setOnLoadCallback(drawChart);
</script>
</head>
<body>
<div id="chart" style="width: 75%;"></div>
</body>
</html>