Hi there,
I am still seeing the issue. It is working if I only display 1 chart per
page but this application is a dashboard and I need to display multiple on
the same page. This was working until yesterday's update:
<table border=0 >
<tr>
<td id="new_tickets_weekly" valing="top">
<div id="new_tix_week">
<script type="text/javascript"
src="http://www.google.com/jsapi";></script>
<script type="text/javascript">
google.load('visualization', '1', {packages:
['corechart']});
</script>
<script type="text/javascript">
function drawVisualization() {
var data = google.visualization.arrayToDataTable([
['Business Teams', 'team1', 'team2', 'team3', 'team4', 'team5', 'team6',
'team7', 'team8', 'team9'],
['08/21/13', 1, 0, 0, 3, 1, 0, 0, 3, 0],
['08/22/13', 0, 2, 0, 1, 0, 0, 0, 0, 1],
['08/23/13', 3, 0, 0, 10, 2, 0, 0, 0, 0],
['08/26/13', 1, 0, 0, 3, 0, 0, 0, 0, 0],
['08/27/13', 5, 1, 0, 1, 0, 0, 0, 0, 2]
]);
var ac = new
google.visualization.ComboChart(document.getElementById('new_tix_week'));
ac.draw(data, {
width: 750, height: 300, legend: 'top', title: 'New Ticket Count - Previous
5 Business Days',
vAxis: {title: "Tickets", format: '0'},
hAxis: {title: "Days"},
legend: 'right',
seriesType: "bars"
});
}
google.setOnLoadCallback(drawVisualization);
</script>
</div>
</td>
<td align="center">
<div id="iss_bus_pi" style="width: 500px; height: 500px;"></div>
<script type="text/javascript"
src="http://www.google.com/jsapi";></script>
<script type="text/javascript">
Array.prototype.reduce = undefined;
google.load('visualization', '1', {packages: ['corechart']});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Team', 'Count'],
['Business Issues', 24],
['Code Issues', 31]
]);
var options = {
title: 'Root Cause Business Team Summary',
hAxis: {format:'#'}
};
var chart = new
google.visualization.PieChart(document.getElementById('iss_bus_pi'));
chart.draw(data, options);
}
</script>
</td>
<td>
<div id="root_cause_details" style="width: 750px; height:
500px;"></div>
<script type="text/javascript"
src="https://www.google.com/jsapi";></script>
<script type="text/javascript">
google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Business Team', 'Number'],
['D&P Test Planning', 3],
['Test Planning', 0],
['Data', 2],
['Missed Impact - Business', 0],
['Missed Impact - SEPG', 1],
['Automation Code', 30],
['Vendor Issue', 0],
['Environment', 8],
['Application', 9],
['Blank', 25],
['Training', 0],
['SEPG Infrastructure', 0],
['Scope Change', 0],
['User Error', 2]
]);
var options = {
title: 'Root Cause Details - Current Month',
vAxis: { format: '0'},
hAxis: {title: 'Tickets', format: '0'},
height: 500,
width: 725,
seriesType: "bars",
legend: {position: 'none'}
};
var chart = new
google.visualization.BarChart(document.getElementById('root_cause_details'));
chart.draw(data, options);
}
</script>
</div>
</td>
</tr>
</table>
--
You received this message because you are subscribed to the Google Groups
"Google Visualization API" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/google-visualization-api.
For more options, visit https://groups.google.com/groups/opt_out.
