Changeset 113 for trunk/rapidandroid/org.rapidandroid/assets/flot/html/basechart.html

Timestamp:

02/05/09 12:03:32 (16 months ago)

Author:

czue

Message:

move the legend axis off center and add the click event to turn on the tooltip. This is not that smooth in execution and we may just want to turn it off.

Files:

• trunk/rapidandroid/org.rapidandroid/assets/flot/html/basechart.html (modified) (2 diffs)

trunk/rapidandroid/org.rapidandroid/assets/flot/html/basechart.html

@@ -10 +10 @@
     
     <script id="source" language="javascript" type="text/javascript">
+    
+     function showTooltip(x, y, contents) {
+        $('<div id="tooltip">' + contents + '</div>').css( {
+            position: 'absolute',
+            display: 'none',
+            top: y + 5,
+            left: x + 5,
+            border: '1px solid #fdd',
+            padding: '2px',
+            'background-color': '#fee',
+            opacity: 0.80
+        }).appendTo("body").fadeIn(200);
+    }
+
+    
 function load(){
         //document.getElementById('graphtitle').innerHTML = window.graphdata.getGraphTitle("wassup", 5);
@@ -22 +37 @@
 }
 function GotGraph(gData, gOptions) {    
+    $("#tooltip").remove();
+            
         $.plot($("#placeholder"), gData, gOptions);
+        $("#placeholder").bind("plotclick", function (event, pos, item) {
+        if (item) {
+            $("#tooltip").remove();
+            var y = item.datapoint[1].toFixed(0);
+            showTooltip(item.pageX, item.pageY,
+                                item.series.label + " = " + y);
+       }
+    });
+        
         window.graphdata.finishGraph();
         }