<html>
<head>
<script type='text/javascript' src='https://www.google.com/jsapi'></script>
<script type='text/javascript'>
google.load('visualization', '1', {'packages': ['annotatedtimeline']});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = new google.visualization.DataTable();
data.addColumn('date', 'Date');
data.addColumn('number', '#Tests');
data.addColumn('string', 'title1');
data.addColumn('string', 'text1');
data.addColumn('number', '#Skipped tests');
data.addColumn('string', 'title2');
data.addColumn('string', 'text2');
data.addColumn('number', '#Non-skipped tests');
data.addColumn('string', 'title2');
data.addColumn('string', 'text2');
data.addRows([
// insert 1
]);
var data2 = new google.visualization.DataTable();
data2.addColumn('date', 'Date');
data2.addColumn('number', 'Passing Rate ' +
'(100-(#Non-skipped tests)/' +
'((#Tests)-(#Skipped tests))*100)');
data2.addColumn('string', 'title1');
data2.addColumn('string', 'text1');
data2.addRows([
// insert 2
]);
var div1 = document.getElementById('chart_div');
var chart = new google.visualization.AnnotatedTimeLine(div1);
chart.draw(data, {displayAnnotations: true, allowHtml: true});
var div2 = document.getElementById('chart_div2');
var chart2 = new google.visualization.AnnotatedTimeLine(div2);
chart2.draw(data2, {displayAnnotations: true,
allowHtml: true,
scaleType: 'maximized'});
}
</script>
<title>Media Layout Test Analyzer Result</title>
</head>
<body>
<h2>Current Statistics</h2>
<h3 id='numbers'>Numbers</h3>
<div id='chart_div' style='width: 1400px; height: 480px;'></div>
<h3>Test passing rate</h3>
<div id='chart_div2' style='width: 1400px; height: 480px;'></div>
</body>
</html>