Ratings view from country data
by adamh
HTML
<h1>Donut</h1>
<div id="donutchart"> </div>
CSS
#donutchart {
height: 500px;
width: 500px;
}
JavaScript
var raw = [{
"Country": {
"Code": "HN",
"Name": "Honduras",
"SitecoreId": "{F6579EE8-3EC1-482D-853E-627471331CEB}"
},
"DateTo": "2014-04-30T13:16:30.5290813Z",
"Stats": {
"OneMonth": {
"DateFrom": "2014-03-30T13:16:30.5290813Z",
"NumResponses": 0,
"Excellent": 0,
"Good": 0,
"Average": 0,
"BelowAverage": 0,
"Poor": 0
},
"ThreeMonths": {
"DateFrom": "2014-01-30T13:16:30.5290813Z",
"NumResponses": 4,
"Excellent": 2,
"Good": 2,
"Average": 0,
"BelowAverage": 0,
"Poor": 0
},
"Year": {
"DateFrom": "2013-04-30T13:16:30.5290813Z",
"NumResponses": 7,
"Excellent": 4,
"Good": 3,
"Average": 0,
"BelowAverage": 0,
"Poor": 0
}
}
}];
var code = 'HN';
var data = {};
//console.log(raw.length);
for(var i = 0; i < raw.length; i++) {
var country = raw[i];
if(country.Country.Code == code)
data = country;
}
//console.log(data.Stats.OneMonth.NumResponses);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Task', 'Hours per Day'],
['Work', 11],
['Eat', 2],
['Commute', 2],
['Watch TV', 2],
['Sleep', 7]
]);
var options = {
title: 'My Daily Activities',
pieHole: 0.4,
};
var chart = new google.visualization.PieChart(document.getElementById('donutchart'));
chart.draw(data, options);
}
google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawChart);