Hello! A friend and I are working on a project where a user can select a specific "unit" from a select box and a total of four charts will be displayed for each unit with data from a table. There are two line charts (Testplan Line Chart and Cycles Line Chart), and two column charts (Testplan Bar Chart and Pass/Fail Bar Chart) It seems to work fine on Google chrome and Firefox;however, the charts do not appear on Internet Explorer 8. I pasted the function that loads the charts and attached the html file. Please Help! Thanks! :)
function load_charts() {
testplan=[];
cycles=[];
pass_fail=[];
testplan.push(['ww', 'Testplan', 'Coded','Coverage']);
cycles.push(['ww','Total Cycles']);
pass_fail.push(['ww','Total Tests Passing','Total Tests Failing']);
var unit = $('#unit_select').val();
$('.'+unit).children('.ww').each(function(i) {
var ww = $(this).html();
ww = ww.substring(1,ww.length-1);
var testplan_row = [];
var cycles_row = [];
var pass_fail_row = [];
// Construct a new row of Testplan data
testplan_row.push(ww);
testplan_row.push(parseFloat($(".testplan"+ww+unit).html()));
testplan_row.push(parseFloat($(".coded"+ww+unit).html()));
testplan_row.push(parseFloat($(".cov"+ww+unit).html()));
testplan.push(testplan_row);
// Construct a new row of Cycle data
cycles_row.push(ww);
cycles_row.push(parseFloat($(".cycles"+ww+unit).html()));
cycles.push(cycles_row);
// Construct a new row of pass-fail data
pass_fail_row.push(ww);
pass_fail_row.push(parseFloat($(".passing"+ww+unit).html()));
pass_fail_row.push(parseFloat($(".total"+ww+unit).html())-parseFloat($(".passing"+ww+unit).html()));
pass_fail.push(pass_fail_row);
});
testplan_data = google.visualization.arrayToDataTable(testplan);
line_testplan_options = {
title: 'Test Plan Line Chart',
height: chart_height,
width: chart_width,
vAxis: {title: "Number of Tests"},
hAxis: {title: "Work Week"}
};
var line_testplan = new
google.visualization.LineChart(document.getElementById('line_testplan'));
line_testplan.draw(testplan_data, line_testplan_options);
var bar_testplan = new
google.visualization.ColumnChart(document.getElementById('bar_testplan'));
bar_testplan_options = {
title: 'Test Plan Bar Chart',
height: chart_height,
width: chart_width,
vAxis: {title: "Number of Tests"},
hAxis: {title: "Work Week"}
};
bar_testplan.draw(testplan_data, bar_testplan_options);
cycles_data = google.visualization.arrayToDataTable(cycles);
cycles_options = {
title: 'Cycles Line Chart',
height: chart_height,
width: chart_width,
vAxis: {title: "Number of Cycles"},
hAxis: {title: "Work Week"}
};
var line_cycles = new
google.visualization.LineChart(document.getElementById('line_cycles'));
line_cycles.draw(cycles_data, cycles_options);
pass_fail_options = {
title: 'Pass/Fail Bar Chart',
height: chart_height,
width: chart_width,
vAxis: {title: "Pass/Fail Numbers"},
hAxis: {title: "Work Week"},
isStacked:true
};
pass_fail_data = google.visualization.arrayToDataTable(pass_fail);
var bar_pass_fail = new
google.visualization.ColumnChart(document.getElementById('bar_pass_fail'));
bar_pass_fail.draw(pass_fail_data, pass_fail_options);
}
--
You received this message because you are subscribed to the Google Groups
"Google Visualization API" group.
To view this discussion on the web visit
https://groups.google.com/d/msg/google-visualization-api/-/mLiDaUAghPIJ.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/google-visualization-api?hl=en.
<<< text/html; charset=US-ASCII; name=weekly_indicatorsv3.html: Unrecognized >>>
