html5 boiler plate
[scannr.git] / js / flotr2 / examples / js / examples / advanced-markers.js
blob:a/js/flotr2/examples/js/examples/advanced-markers.js -> blob:b/js/flotr2/examples/js/examples/advanced-markers.js
--- a/js/flotr2/examples/js/examples/advanced-markers.js
+++ b/js/flotr2/examples/js/examples/advanced-markers.js
@@ -1,1 +1,76 @@
+(function () {
 
+Flotr.ExampleList.add({
+  key : 'advanced-markers',
+  name : 'Advanced Markers',
+  callback : advanced_markers,
+  timeout : 150
+});
+
+function advanced_markers (container) {
+
+  var
+    xmark = new Image(),
+    checkmark = new Image(),
+    bars = {
+      data: [],
+      bars: {
+        show: true,
+        barWidth: 0.6,
+        lineWidth: 0,
+        fillOpacity: 0.8
+      }
+    }, markers = {
+      data: [],
+      markers: {
+        show: true,
+        position: 'ct',
+        labelFormatter: function (o) {
+          return (o.y >= 5) ? checkmark : xmark;
+        }
+      }
+    },
+    flotr = Flotr,
+    point,
+    graph,
+    i;
+
+
+  for (i = 0; i < 8; i++) {
+    point = [i, Math.ceil(Math.random() * 10)];
+    bars.data.push(point);
+    markers.data.push(point);
+  }
+
+  var runner = function () {
+    if (!xmark.complete || !checkmark.complete) {
+        setTimeout(runner, 50);
+        return;
+    }
+
+    graph = flotr.draw(
+      container,
+      [bars, markers], {
+        yaxis: {
+          min: 0,
+          max: 11
+        },
+        xaxis: {
+          min: -0.5,
+          max: 7.5
+        },
+        grid: {
+          verticalLines: false
+        }
+      }
+    );
+  }
+
+  xmark.onload = runner;
+  xmark.src = 'images/xmark.png';
+  checkmark.src = 'images/checkmark.png';
+};
+
+})();
+
+