media/tools/layout_tests/graph/graph.html

   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>