Ten worst intersections in East Falls
google.load(‘visualization’, ‘1.1’, {packages: [‘corechart’]});
google.setOnLoadCallback(drawExample2);
function drawExample2() {
// Some raw data (not necessarily accurate)
var rowData1 = [[‘Time/Day on Riverine’, ‘Time spent’],
[‘None’, 8],
[‘< 30min', 10],
['< 45min', 3],
['1 hour', 3],
['> 1 hour’, 1]];
var rowData2 = [[‘Month’, ‘When used’],
[‘Never’, 4],
[‘Rarely’, 8],
[‘Weekdays’, 8],
[‘Weekends’, 8],
[‘For Events’, 12]];
// Create and populate the data tables.
var data = [];
data[0] = google.visualization.arrayToDataTable(rowData1);
data[1] = google.visualization.arrayToDataTable(rowData2);
var options = {
width: 500,
height: 240,
colors: [‘#c7cfc7’, ‘#b2c8b2’, ‘#d9e0de’, ‘#cdded1′],
legendTextStyle: {color:’#666666’},
legend: {position: ‘none’},
titleTextStyle: {color: ‘#5c5c5c’},
vAxis: {title: “Respondents”},
/* hAxis: {title: “Time”}, */
seriesType: “bars”,
series: {1: {type: “line”}},
animation:{
duration: 1000,
easing: ‘out’
}
};
var current = 0;
// Create and draw the visualization.
var chart = new google.visualization.ComboChart(document.getElementById(‘example2-visualization’));
var button = document.getElementById(‘example2-b1’);
function drawChart() {
// Disabling the button while the chart is drawing.
button.disabled = true;
google.visualization.events.addListener(chart, ‘ready’,
function() {
button.disabled = false;
button.value = ‘Show ‘ + (current ? ‘time per day spent on Riverine’ : ‘time people use the River Line’);
});
options[‘title’] = (current ? ‘When do you use the River Line?’ : ‘Time per day spent on Riverine’);
chart.draw(data[current], options);
}
drawChart();
button.onclick = function() {
current = 1 – current;
drawChart();
}
}
Test Content
WHYY is your source for fact-based, in-depth journalism and information. As a nonprofit organization, we rely on financial support from readers like you. Please give today.