| 4 | | <script type="text/javascript"> |
|---|
| 5 | | function drawGraph() { |
|---|
| 6 | | var layout = new PlotKit.Layout("bar", {}); |
|---|
| 7 | | layout.addDataset("sqrt", [[0, 0], [1, 1], [2, 1.414], [3, 1.73], [4, 2]]); |
|---|
| 8 | | layout.evaluate(); |
|---|
| 9 | | var canvas = MochiKit.DOM.getElement("graph"); |
|---|
| 10 | | var plotter = new PlotKit.SweetCanvasRenderer(canvas, layout, {}); |
|---|
| 11 | | plotter.render(); |
|---|
| 12 | | } |
|---|
| 13 | | MochiKit.DOM.addLoadEvent(drawGraph); |
|---|
| 14 | | </script> |
|---|
| 15 | | |
|---|
| | 8 | <!-- graph code begins here--> |
|---|
| | 9 | <script src="/cgi-bin/trac.cgi/chrome/hw/js/line.js" type="text/javascript"></script> |
|---|
| | 10 | <script src="/cgi-bin/trac.cgi/chrome/hw/js/wz_jsgraphics.js" type="text/javascript"></script> |
|---|
| | 11 | |
|---|
| | 12 | <div id="myCanvas" style="overflow: auto; position:relative;height:480px;width:640px;"></div> |
|---|
| | 13 | |
|---|
| | 14 | <script> |
|---|
| | 15 | var g = new line_graph(); |
|---|
| | 16 | g.add('1', 145); |
|---|
| | 17 | g.add('2', 0); |
|---|
| | 18 | g.add('3', 175); |
|---|
| | 19 | g.add('4', 130); |
|---|
| | 20 | g.add('5', 150); |
|---|
| | 21 | g.add('6', 175); |
|---|
| | 22 | g.add('7', 205); |
|---|
| | 23 | g.add('8', 125); |
|---|
| | 24 | g.add('9', 125); |
|---|
| | 25 | g.add('10', 135); |
|---|
| | 26 | g.add('11', 125); |
|---|
| | 27 | g.add('12', 145); |
|---|
| | 28 | g.add('13', 0); |
|---|
| | 29 | g.add('14', 175); |
|---|
| | 30 | g.add('15', 130); |
|---|
| | 31 | g.add('16', 150); |
|---|
| | 32 | g.add('17', 175); |
|---|
| | 33 | g.add('18', 205); |
|---|
| | 34 | g.add('19', 125); |
|---|
| | 35 | g.add('20', 125); |
|---|
| | 36 | g.add('21', 135); |
|---|
| | 37 | g.add('22', 125); |
|---|
| | 38 | g.add('23', 145); |
|---|
| | 39 | g.add('24', 0); |
|---|
| | 40 | g.add('25', 175); |
|---|
| | 41 | g.add('26', 130); |
|---|
| | 42 | g.add('27', 150); |
|---|
| | 43 | g.add('28', 175); |
|---|
| | 44 | g.add('29', 205); |
|---|
| | 45 | g.add('30', 125); |
|---|
| | 46 | g.add('31', 125); |
|---|
| | 47 | g.add('32', 135); |
|---|
| | 48 | g.add('33', 125); |
|---|
| | 49 | g.add('34', 145); |
|---|
| | 50 | g.add('35', 0); |
|---|
| | 51 | g.add('36', 175); |
|---|
| | 52 | g.add('37', 130); |
|---|
| | 53 | g.add('38', 150); |
|---|
| | 54 | g.add('39', 175); |
|---|
| | 55 | g.add('40', 205); |
|---|
| | 56 | g.add('41', 125); |
|---|
| | 57 | g.add('42', 125); |
|---|
| | 58 | g.add('43', 135); |
|---|
| | 59 | g.add('44', 125); |
|---|
| | 60 | |
|---|
| | 61 | //If called without a height parameter, defaults to 250 |
|---|
| | 62 | //g.render("myCanvas", "test graph"); |
|---|
| | 63 | |
|---|
| | 64 | g.render("myCanvas", "test graph", 400); |
|---|
| | 65 | |
|---|
| | 66 | </script> |
|---|
| | 67 | <!-- graph code ends here--> |
|---|
| | 68 | |
|---|