1 <html> 2 <head> 3 <script type='text/javascript' src='https://www.google.com/jsapi'></script> 4 <script type='text/javascript'> 5 google.load('visualization', '1', {'packages': ['annotatedtimeline']}); 6 google.setOnLoadCallback(drawChart); 7 function drawChart() { 8 var data = new google.visualization.DataTable(); 9 data.addColumn('date', 'Date'); 10 data.addColumn('number', '#Tests'); 11 data.addColumn('string', 'title1'); 12 data.addColumn('string', 'text1'); 13 data.addColumn('number', '#Skipped tests'); 14 data.addColumn('string', 'title2'); 15 data.addColumn('string', 'text2'); 16 data.addColumn('number', '#Non-skipped tests'); 17 data.addColumn('string', 'title2'); 18 data.addColumn('string', 'text2'); 19 data.addRows([ 20 // insert 1 21 ]); 22 var data2 = new google.visualization.DataTable(); 23 data2.addColumn('date', 'Date'); 24 data2.addColumn('number', 'Passing Rate ' + 25 '(100-(#Non-skipped tests)/' + 26 '((#Tests)-(#Skipped tests))*100)'); 27 data2.addColumn('string', 'title1'); 28 data2.addColumn('string', 'text1'); 29 data2.addRows([ 30 // insert 2 31 ]); 32 var div1 = document.getElementById('chart_div'); 33 var chart = new google.visualization.AnnotatedTimeLine(div1); 34 chart.draw(data, {displayAnnotations: true, allowHtml: true}); 35 36 var div2 = document.getElementById('chart_div2'); 37 var chart2 = new google.visualization.AnnotatedTimeLine(div2); 38 chart2.draw(data2, {displayAnnotations: true, 39 allowHtml: true, 40 scaleType: 'maximized'}); 41 } 42 </script> 43 <title>Media Layout Test Analyzer Result</title> 44 </head> 45 46 <body> 47 <h2>Current Statistics</h2> 48 <h3 id='numbers'>Numbers</h3> 49 <div id='chart_div' style='width: 1400px; height: 480px;'></div> 50 <h3>Test passing rate</h3> 51 <div id='chart_div2' style='width: 1400px; height: 480px;'></div> 52 </body> 53 </html> 54
