github.com/jgbaldwinbrown/perf@v0.1.1/analysis/appengine/template/trend.html (about)

     1  <!DOCTYPE html>
     2  <html>
     3    <head>
     4      <meta charset="utf-8">
     5      <title>Performance Result Comparison</title>
     6      <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
     7      <style type="text/css">
     8  #header h1 {
     9    display: inline;
    10  }
    11  #search {
    12    padding: 1em .5em;
    13    width: 100%;
    14  }
    15  input[type="text"] {
    16    font-size: 100%;
    17  }
    18  #results {
    19    border-top: 1px solid black;
    20  }
    21      </style>
    22    </head>
    23    <body>
    24      <div id="header">
    25        <h1>Go Performance Dashboard</h1>
    26        <a href="/">about</a>
    27      </div>
    28      <div id="search">
    29        <form action="/trend">
    30          <input type="text" name="q" value="{{.Q}}" size="120">
    31          <input type="submit" value="Search">
    32        </form>
    33      </div>
    34      <div id="results">
    35        {{if not .Q}}
    36          <h2>Recent Uploads</h2>
    37          <table>
    38            <tr><th>Upload ID</th><th>trend</th></tr>
    39            {{range .TrendUploads}}
    40            <tr><td><a href="/trend?q=upload:{{.UploadID}}">{{.UploadID}}</a></td><td>{{.LabelValues.trend}}</td></tr>
    41            {{end}}
    42          </table>
    43        {{else}}
    44          {{with .Error}}
    45          <p>{{.}}</p>
    46          {{else}}
    47            <div id="chart" style="height: 600px"></div>
    48            <script type="text/javascript">
    49              google.charts.load('current', {'packages':['corechart']});
    50              google.charts.setOnLoadCallback(draw);
    51              function draw() {
    52                var dt = new google.visualization.DataTable({{.PlotData}});
    53                var options = {
    54                  title: 'Benchmark Trend',
    55                  hAxis: {
    56                    title: 'commit index',
    57                  },
    58                  vAxis: {
    59                    title: 'normalized ns/op',
    60                  },
    61                  explorer: {
    62                    actions: ['dragToZoom', 'rightClickToReset'],
    63                    maxZoomIn: 0.05,
    64                  },
    65                };
    66                var chart = new google.visualization.{{.PlotType}}(document.getElementById('chart'));
    67                chart.draw(dt, options);
    68              }
    69            </script>
    70          {{end}}
    71        {{end}}
    72      </div>
    73    </body>
    74  </html>