From 06b78a0580b056dc0f978c6e89c392a6173e5278 Mon Sep 17 00:00:00 2001
From: Manuel Schallar <manuel.schallar@iaik.tugraz.at>
Date: Mon, 29 Jun 2015 11:39:42 +0200
Subject: [PATCH] Updated example 19_labels.html

---
 examples/graph2d/19_labels.html | 92 +++++++++++++++++++++++++++++----
 1 file changed, 81 insertions(+), 11 deletions(-)

diff --git a/examples/graph2d/19_labels.html b/examples/graph2d/19_labels.html
index b39f6c2d..6fd102bf 100644
--- a/examples/graph2d/19_labels.html
+++ b/examples/graph2d/19_labels.html
@@ -35,31 +35,101 @@
 
   var container = document.getElementById('visualization');
   var label1 = {
-    content: "offset label",
+    content: "Label 1 (with offset)",
     xOffset: 20,
     yOffset: 20
   }
 
   var label2 = {
-    content: "Label2",
+    content: "Label 2",
     className: "red"
   }
+  
+  var label3 = {
+    content: "Label 3"
+  }
   var items = [
-    {x: '2014-06-11', y: 10,label:label1},
-    {x: '2014-06-12', y: 25,label:label2},
-    {x: '2014-06-13', y: 30},
-    {x: '2014-06-14', y: 10},
-    {x: '2014-06-15', y: 15},
-    {x: '2014-06-16', y: 30}
+    {group: 1, x: '2014-06-11', y: 10, label: label1},
+    {group: 1, x: '2014-06-12', y: 25, label: label2},
+    {group: 1, x: '2014-06-13', y: 30},
+    {group: 1, x: '2014-06-14', y: 10},
+    {group: 1, x: '2014-06-15', y: 15, label: label3},
+    {group: 1, x: '2014-06-16', y: 30},
+    
+    {group: 2, x: '2014-06-17', y: 10, label:label1},
+    {group: 2, x: '2014-06-18', y: 25, label:label2},
+    {group: 2, x: '2014-06-19', y: 30},
+    {group: 2, x: '2014-06-20', y: 10},
+    {group: 2, x: '2014-06-21', y: 15, label: label3},
+    {group: 2, x: '2014-06-22', y: 30},
+    
+    {group: 3, x: '2014-06-23', y: 10, label:label1},
+    {group: 3, x: '2014-06-24', y: 25, label:label2},
+    {group: 3, x: '2014-06-25', y: 30},
+    {group: 3, x: '2014-06-26', y: 10},
+    {group: 3, x: '2014-06-27', y: 15, label: label3},
+    {group: 3, x: '2014-06-28', y: 30}
   ];
 
+  var groups = new vis.DataSet();
+  groups.add(
+    {
+      id: 1,
+      content: "Only draw items with labels. Make the data point bigger and a square.",
+      options: {
+        drawPoints: function group1Renderer(item, group, grap2d) {
+		  if (item.label == null) {
+            return false;
+          }
+          return {
+            style: 'square',
+            size: 15
+          };
+      	}
+      }
+    }
+  );
+  
+  groups.add(
+    {
+      id: 2,
+      content: "Draw according to the Graph2d callback, but make it every datapoint square one.",
+      options: {
+          drawPoints: {
+            style: 'square'
+          }
+      }
+    }
+  );
+  
+  groups.add(
+    {
+      id: 3,
+      content: "I want to render datapoints with no labels. Screw the graph2d options. Except the style/size should be according to the graph2d option.",
+      options: {
+          drawPoints: function(item, group, grap2d) {
+            return item.label == null;
+          }
+      }
+    }
+  );
+  
   var dataset = new vis.DataSet(items);
   var options = {
     start: '2014-06-10',
-    end: '2014-06-18',
-      style:'bar'
+    end: '2014-06-29',
+    style: 'bar',
+    drawPoints: {
+      onRender: function(item, group, grap2d) {
+        return item.label != null;
+      },
+      style: 'circle'
+    }
+    
   };
-  var graph2d = new vis.Graph2d(container, dataset, options);
+  
+  var graph2d = new vis.Graph2d(container, dataset, groups, options);
+  
 </script>
 </body>
 </html>
\ No newline at end of file