9922460b4e
Bug 386674 - "Ability to resize graphs" [p=oremj r=vlad] git-svn-id: svn://10.0.0.236/trunk@230301 18797224-902f-48f8-a5cc-f745e15eee43
106 lines
4.0 KiB
HTML
106 lines
4.0 KiB
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
|
|
<html>
|
|
<head>
|
|
<title>Perf-o-matic-too</title>
|
|
|
|
<link rel="stylesheet" type="text/css" href="js/graph.css"></link>
|
|
|
|
<!-- MochiKit -->
|
|
<script type="text/javascript" src="js/mochikit/MochiKit.js"></script>
|
|
|
|
<!-- YUI -->
|
|
<script type="text/javascript" src="js/yui/yahoo.js"></script>
|
|
<script type="text/javascript" src="js/yui/dom.js"></script>
|
|
<script type="text/javascript" src="js/yui/event.js"></script>
|
|
<script type="text/javascript" src="js/yui/animation.js"></script>
|
|
<script type="text/javascript" src="js/yui/container.js"></script>
|
|
|
|
<!-- Core -->
|
|
<script type="text/javascript" src="js/TinderboxData.js"></script>
|
|
<script type="text/javascript" src="js/DataSet.js"></script>
|
|
<script type="text/javascript" src="js/GraphCanvas.js"></script>
|
|
|
|
<script type="text/javascript" src="js/dGraphFormModule.js"></script>
|
|
<script type="text/javascript" src="js/graph.js"></script>
|
|
<script type="text/javascript" src="js/ResizeGraph.js"></script>
|
|
|
|
<!-- BonsaiService needs e4x -->
|
|
<script type="text/javascript; e4x=1" src="js/BonsaiService.js"></script>
|
|
</head>
|
|
|
|
<body onload="loadingDone(DISCRETE_GRAPH)">
|
|
<!--<h1>Graph</h1>-->
|
|
|
|
<!-- Take your damn divs and floats and clears and shove 'em! -->
|
|
|
|
<div style="width: 710px; height:20px; margin-left:10px ">
|
|
<span id="loading" class="loading"></span>
|
|
</div>
|
|
<form action="javascript:;">
|
|
<table class="graphconfig-no" width="100%">
|
|
|
|
<tr style="vertical-align: top">
|
|
<td class="graphconfig-list">
|
|
<div id="graphforms"></div>
|
|
|
|
</td>
|
|
<td class="graphconfig-test-list">
|
|
<div id="graphforms-test-list"></div>
|
|
</td>
|
|
|
|
<td class="dgraphconfig">
|
|
<!--
|
|
<div id="baseline">
|
|
<span>Use </span><select id="baselineDropdown"><option value="0">nothing</option></select><span> as a baseline</span><br>
|
|
</div>
|
|
-->
|
|
<br>
|
|
|
|
<div id="formend">
|
|
<input id="graphbutton" type="submit" onclick="onGraph()" value="Graph It!">
|
|
<!-- <label for="baseline">No baseline</label><input type="radio" name="baseline" checked onclick="onNoBaseLineClick()"> -->
|
|
</br> </br>
|
|
<div><a id="linktothis" href="dgraph.html">Link to this graph</a> </div>
|
|
</br>
|
|
<div><a id="dumptocsv" href="dumpdata.cgi">Dump to csv</a> </div>
|
|
</div>
|
|
|
|
</tr>
|
|
|
|
</table>
|
|
</form>
|
|
|
|
<!-- small graph -->
|
|
<div style="width: 900px; height:20px">
|
|
<center><span id="status" class="status"></span></center>
|
|
</div>
|
|
|
|
<div id="container" style="width: 100%">
|
|
|
|
<!-- these are absolute size, so we wrap them in a div that can overflow -->
|
|
<div id="graph-container" style="width: 900px; margin:auto">
|
|
<div id="smallgraph-labels-x" style="position: relative; left: 51px; margin-left: 1px; margin-right: 1px; height: 30px; width: 700px"></div>
|
|
<div id="smallgraph-labels-y" style="position: relative; left: 0px; top: 0px; float: left; height: 76px; width: 50px;"></div>
|
|
<canvas style="clear: left; border: 1px solid #888; padding-top: 1px;" id="smallgraph" height="75" width="650"></canvas>
|
|
|
|
<br/>
|
|
<br/>
|
|
|
|
<div id="graph-labels-y" style="position: relative; left: 0px; top: 0px; float: left; margin-top: 1px; margin-bottom: 1px; height: 300px; width: 50px;"></div>
|
|
<canvas style="clear: left; border: 1px solid #888;" id="graph" height="300" width="650"></canvas>
|
|
<div id="graph-labels-x" style="position: relative; left: 50px; margin-left: 1px; margin-right: 1px; height: 50px; width: 700px"></div>
|
|
</div>
|
|
<div id="graph-label-container" style="float:left;margin-top:30px;">
|
|
<span id="graph-label-list" class="graph-label-list-member" align="left"></span>
|
|
</div>
|
|
|
|
</div>
|
|
<script>
|
|
ResizableBigGraph = new ResizeGraph();
|
|
ResizableBigGraph.init('graph');
|
|
|
|
</script>
|
|
</body>
|
|
</html>
|
|
|