html5 boiler plate
[scannr.git] / js / flotr2 / examples / js / examples / basic-bars-stacked.js
blob:a/js/flotr2/examples/js/examples/basic-bars-stacked.js -> blob:b/js/flotr2/examples/js/examples/basic-bars-stacked.js
--- a/js/flotr2/examples/js/examples/basic-bars-stacked.js
+++ b/js/flotr2/examples/js/examples/basic-bars-stacked.js
@@ -1,1 +1,61 @@
+(function () {
 
+Flotr.ExampleList.add({
+  key : 'basic-bar-stacked',
+  name : 'Stacked Bars',
+  callback : bars_stacked
+});
+
+Flotr.ExampleList.add({
+  key : 'basic-stacked-horizontal',
+  name : 'Stacked Horizontal Bars',
+  args : [true],
+  callback : bars_stacked,
+  tolerance : 5
+});
+
+function bars_stacked (container, horizontal) {
+
+  var
+    d1 = [],
+    d2 = [],
+    d3 = [],
+    graph, i;
+
+  for (i = -10; i < 10; i++) {
+    if (horizontal) {
+      d1.push([Math.random(), i]);
+      d2.push([Math.random(), i]);
+      d3.push([Math.random(), i]);
+    } else {
+      d1.push([i, Math.random()]);
+      d2.push([i, Math.random()]);
+      d3.push([i, Math.random()]);
+    }
+  }
+
+  graph = Flotr.draw(container,[
+    { data : d1, label : 'Serie 1' },
+    { data : d2, label : 'Serie 2' },
+    { data : d3, label : 'Serie 3' }
+  ], {
+    legend : {
+      backgroundColor : '#D2E8FF' // Light blue 
+    },
+    bars : {
+      show : true,
+      stacked : true,
+      horizontal : horizontal,
+      barWidth : 0.6,
+      lineWidth : 1,
+      shadowSize : 0
+    },
+    grid : {
+      verticalLines : horizontal,
+      horizontalLines : !horizontal
+    }
+  });
+}
+
+})();
+