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>