google charts sync data
<head> | |
<script type="text/javascript" src="https://www.google.com/jsapi"></script> | |
<script type="text/javascript" src="http://vera183.its.monash.edu.au/static/js/lib/jquery-1.7.1.min.ddb84c158728.js"></script> | |
<script type="text/javascript"> | |
google.load("visualization", "1", {packages:["corechart"]}); | |
google.setOnLoadCallback(drawChart); | |
function drawChart() { | |
var jsonData = $.ajax({ | |
url: "http://bdp-aaf-dev.dyndns.org/sampledata.json", | |
dataType:"json", | |
async: false | |
}).responseText; | |
// Create our data table out of JSON data loaded from server. | |
var data = new google.visualization.DataTable(jsonData, 0.6); | |
var chart = new google.visualization.LineChart(document.getElementById('chart_div')); | |
var options = { | |
width: 1080, | |
height: 810, | |
title: 'store.synchrotron - Files stored in MyTardis', | |
colors: ['#e0440e', '#e6693e', '#ec8f6e', '#f3b49f', '#f6c7b6'], | |
hAxis: { textStyle: { fontSize: '12'}, showTextEvery: '8' }, | |
pointSize: 3 | |
}; | |
chart.draw(data, options); | |
} | |
</script> | |
</head> | |
<body> | |
<div id="chart_div"></div> | |
</body> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment