|
Revision 102, 1.3 KB
(checked in by czue, 16 months ago)
|
|
Updating the graphing module to be separated out by the data and options so we have more control over the plots. Updated the graph that plots a numeric field over time to display dates properly on the x-axis, and updated the histogram to be color-coded, have proper labels, and include a legend.
|
| Line | |
|---|
| 1 | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> |
|---|
| 2 | <html> |
|---|
| 3 | <head> |
|---|
| 4 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> |
|---|
| 5 | <title>Flot Examples</title> |
|---|
| 6 | <link href="layout.css" rel="stylesheet" type="text/css"></link> |
|---|
| 7 | <!--[if IE]><script language="javascript" type="text/javascript" src="../excanvas.pack.js"></script><![endif]--> |
|---|
| 8 | <script language="javascript" type="text/javascript" src="../jquery.js"></script> |
|---|
| 9 | <script language="javascript" type="text/javascript" src="../jquery.flot.js"></script> |
|---|
| 10 | |
|---|
| 11 | <script id="source" language="javascript" type="text/javascript"> |
|---|
| 12 | function load(){ |
|---|
| 13 | //document.getElementById('graphtitle').innerHTML = window.graphdata.getGraphTitle("wassup", 5); |
|---|
| 14 | //document.getElementById('graphtitle').innerHTML = window.graphdata.getGraphTitle(); |
|---|
| 15 | window.graphdata.loadGraph(); |
|---|
| 16 | } |
|---|
| 17 | |
|---|
| 18 | function SetGraph(gwidth, gheight) { |
|---|
| 19 | var graphObj = document.getElementById("placeholder"); |
|---|
| 20 | graphObj.style.width = gwidth; |
|---|
| 21 | graphObj.style.height = gheight; |
|---|
| 22 | } |
|---|
| 23 | function GotGraph(gData, gOptions) { |
|---|
| 24 | $.plot($("#placeholder"), gData, gOptions); |
|---|
| 25 | window.graphdata.finishGraph(); |
|---|
| 26 | } |
|---|
| 27 | </script> |
|---|
| 28 | |
|---|
| 29 | </head> |
|---|
| 30 | <body onload="load()"> |
|---|
| 31 | |
|---|
| 32 | |
|---|
| 33 | <div id="placeholder"></div> |
|---|
| 34 | </body> |
|---|
| 35 | </html> |
|---|
