| Index: perf/dashboard/ui/chrome_report.html
|
| ===================================================================
|
| --- perf/dashboard/ui/chrome_report.html (revision 298504)
|
| +++ perf/dashboard/ui/chrome_report.html (working copy)
|
| @@ -1,202 +0,0 @@
|
| -<html>
|
| -
|
| -<!--
|
| - Copyright (c) 2012 The Chromium Authors. All rights reserved.
|
| - Use of this source code is governed by a BSD-style license that can be
|
| - found in the LICENSE file.
|
| --->
|
| -
|
| -<!--
|
| - A brief note on terminology as used here: a "graph" is a plotted screenful
|
| - of data, showing the results of one type of test: for example, the
|
| - page-load-time graph. A "trace" is a single line on a graph, showing one
|
| - one for the test: for example, the reference build trace on the
|
| - page-load-time graph.
|
| -
|
| - This page plots arbitrary numerical data loaded from files in a specific
|
| - format. It uses two or more data files, all JSON-encoded:
|
| -
|
| - graphs.dat: a list of objects, each with these properties: name (the name
|
| - of a graph) and units (the units for the data to be read by humans).
|
| - Schematically:
|
| - [{'name': graph_name, 'important': important,
|
| - 'units': units},
|
| - ...,]
|
| -
|
| - <graphname>-summary.dat: for each of the graphs listed in graphs.dat, the
|
| - corresponding summary file holds rows of data. Each row of data is an
|
| - object with several properties:
|
| - "rev": the revision number for this row of data
|
| - "traces": an object with several properties of its own. The name of
|
| - the property corresponds to a trace name, used only as an
|
| - internal identifier, and the property's value is an array of
|
| - its measurement and that measurement's standard deviation (or
|
| - other measurement error).
|
| - Schematically:
|
| - {"traces": {<trace_name1>: [<value1>, <stddev1>],
|
| - <trace_name2>: [<value2>, <stddev2>], ...},
|
| - "rev": <rev>,
|
| - "ver": <ver>,
|
| - "chan": <chan>,
|
| - }
|
| --->
|
| -<head>
|
| -
|
| -<style type="text/css">
|
| -body {
|
| - font-family: sans-serif;
|
| -}
|
| -div.plot {
|
| - cursor: pointer;
|
| -}
|
| -div.switcher * {
|
| - border: 1px solid black;
|
| - border-radius: 4px 4px 0 0;
|
| - padding-left: 0.5em;
|
| - padding-right: 0.5em;
|
| -}
|
| -div.switcher .select {
|
| - background: #ddd;
|
| - cursor: pointer;
|
| -}
|
| -canvas.plot {
|
| - border: 1px solid black;
|
| - cursor: pointer;
|
| -}
|
| -div.plot-coordinates {
|
| - font-family: monospace;
|
| -}
|
| -iframe.detail {
|
| - display: none;
|
| - width: 100%;
|
| - height: 100%;
|
| - border: none;
|
| -}
|
| -div.selector {
|
| - border: solid 1px black;
|
| - cursor: pointer;
|
| - padding-left: 0.3em;
|
| - background-color: white;
|
| -}
|
| -div.selector:hover {
|
| - background-color: rgb(200,200,250);
|
| -}
|
| -div.selected {
|
| - border-left: none;
|
| -}
|
| -div.selectors {
|
| - width: 80px;
|
| - display: none;
|
| -}
|
| -#explain {
|
| - font-size: 0.75em;
|
| - font-style: italic;
|
| - color: rgb(100,100,100);
|
| -}
|
| -</style>
|
| -
|
| -<script src="js/common.js"></script>
|
| -<script src="js/plotter.js"></script>
|
| -<script src="js/coordinates.js"></script>
|
| -<script src="config.js"></script>
|
| -<script src="js/graph.js"></script>
|
| -
|
| -<script>
|
| -document.title = Config.title + ' - ' + Config.buildslave;
|
| -var params = ParseParams();
|
| -var CHANNELS = ['canary', 'dev', 'beta', 'stable'];
|
| -
|
| -function init() {
|
| - Fetch('graphs.dat', onGraphListReceived);
|
| -}
|
| -
|
| -function onGraphListReceived(data, error) {
|
| - if (error) {
|
| - reportError(error);
|
| - return;
|
| - }
|
| -
|
| - var graphList = JsonToJs(data);
|
| -
|
| - // Add a graph for defined params.
|
| - if (params['channel'] != undefined && params['graph'] != undefined) {
|
| - var channels = params['channel'].split(',');
|
| - for (var i = 0; i < graphList.length; i++) {
|
| - if (graphList[i].name == params['graph']) {
|
| - graphList[i].loc = graphList[i].name + '-summary.dat';
|
| - var options = {
|
| - width: window.innerWidth - 56,
|
| - showDetail: false,
|
| - channels: channels,
|
| - history: params['history'],
|
| - enableMouseScroll: true,
|
| - };
|
| - var graph = new Graph('output', [graphList[i]], options);
|
| - graph.setTitle('<h3>' + params['channel'] + '</h3>');
|
| - graph.graph();
|
| - return;
|
| - }
|
| - }
|
| - } else {
|
| - // Set summary path.
|
| - for (var j = 0; j < graphList.length; j++) {
|
| - graphList[j].loc = graphList[j].name + '-summary.dat';
|
| - }
|
| -
|
| - // Add channel comparison graph.
|
| - var options = {
|
| - width: window.innerWidth - 56,
|
| - showDetail: false,
|
| - channels: CHANNELS,
|
| - enableMouseScroll: true,
|
| - showTabs: true,
|
| - };
|
| - var graph = new Graph('output', graphList, options);
|
| - graph.setTitle('<h3>Channel Comparison</h3>');
|
| - graph.graph();
|
| -
|
| - // Add graph for each channel.
|
| - for (var i = 0; i < CHANNELS.length; i++) {
|
| - var channel = CHANNELS[i];
|
| - var options = {
|
| - width: window.innerWidth - 56,
|
| - showDetail: false,
|
| - channels: [channel],
|
| - enableMouseScroll: true,
|
| - showTabs: true,
|
| - };
|
| - var graph = new Graph('output', graphList, options)
|
| - graph.setTitle('<h3>' + channel + '</h3>');
|
| - graph.graph();
|
| - }
|
| - }
|
| -}
|
| -
|
| -function reportError(error) {
|
| - document.getElementById('output').innerHTML = "<p>" + error + "</p>";
|
| -}
|
| -
|
| -window.addEventListener('load', init, false);
|
| -
|
| -</script>
|
| -</head>
|
| -
|
| -<body>
|
| -<div id="header_text">
|
| -Builds generated by the <a href="#">Chrome Buildbot</a>
|
| -are run through <b>
|
| -<script>
|
| -document.write(Config.title);
|
| -</script>
|
| -</b>and the results of that test are charted here.
|
| -</div>
|
| -<div id="explain">
|
| -The vertical axis is measured values, and the horizontal
|
| -axis is the version number for the build being tested.
|
| -Shift-click to place baseline. Shift-scroll to zoom slowly.
|
| -</div>
|
| -<p></p>
|
| -<div id="output"></div>
|
| -<pre id="log"></pre>
|
| -</body>
|
| -</html>
|
|
|