Changeset 296 for Dev/branches/Cartis/Tiles preview/js/classes/graphs.js

Timestamp:

02/29/12 16:32:21 (13 years ago)

Author:

cartis

Message:

klaar voor testing

File:

• Dev/branches/Cartis/Tiles preview/js/classes/graphs.js (modified) (4 diffs)

Dev/branches/Cartis/Tiles preview/js/classes/graphs.js

@@ -10 +10 @@
         var _data;
         var _graphObject;
+        var _title;
         this._container = document.getElementById(containerName);
         
-        this.init = function(id, data, type, size) {
+        this.init = function(id, data, type, size, title) {
             // Draw the graph to the element
             _id = id;
@@ -18 +19 @@
             _type = type; 
             _size = size;
+            if (title) _title = title;
 
             var canvas = document.createElement("canvas");
@@ -28 +30 @@
             switch (_type) {
                 case "Pie":
+                    // Hardcoded data
+                    // Participant age
+                    _data = [5,7,9,4];
                     _graphObject = new RGraph.Pie(_id, _data);
+                    _graphObject.Set('chart.labels', ['20-30 (20 participants)', '30-40 (28 participants)', '40-50 (36 participants)', '50+ (16 participants)']);
+                    _graphObject.Set('chart.text.color', '#fff');
                     break;
                 case "Bar":
+                    // Hardcoded data
+                    // Quality of control
+                    _data = [4,20,50,18,8];
                     _graphObject = new RGraph.Bar(_id, _data);
-                    _graphObject.Set('chart.labels', ['Jan', 'Piet', 'Shaniqua']);
+                    _graphObject.Set('chart.labels', ['Bad','Subpar','Average','Above average','Good']);
+                    _graphObject.Set('chart.text.color', '#fff');
                     break;
                 case "Radar":
-                    _graphObject = new RGraph.Radar(_id, _data);
+                    //Hardcoded data
+                    // Gameplay errors
+                    _data = [24,20,26,35,36,29,25,16];
+                    _graphObject = new RGraph.Radar(_id, _data);                                  
+                    _graphObject.Set('chart.labels',['Bram','Paula','Jules','Joel','Tyrone','Henk','Darcy','Frans']);
+                    _graphObject.Set('chart.text.color', '#000');
+                    _graphObject.Set('chart.strokestyle','black');
+
                     break;
                 case "Rose":
                     _graphObject = new RGraph.Rose(_id, _data);
+                    _graphObject.Set('chart.text.color', '#000');
                     break;
             }
             
             // Set standard properties.
-            _graphObject.Set('chart.text.color', '#fff');
             _graphObject.Set('chart.shadow', false);
             _graphObject.Set('chart.colors', ['rgba(240,240,240,0.5)', 'rgba(240,240,240,0.5)', 'rgba(240,240,240,0.5)']);
             _graphObject.Set('chart.axis.color', 'rgba(240,240,240,0.5)');
             _graphObject.Set('chart.strokestyle', 'rgba(240,240,240,1.0)');
+            if (title) {
+                _graphObject.Set('chart.title', title);
+                _graphObject.Set('chart.title.color', 'white');
+            }
             
             //enlarge click event
@@ -91 +113 @@
             */
             var largeGraph = new Graph("largeContainer");
-            largeGraph.init("enlarged", _data, _type, [900,550]);
+            largeGraph.init("enlarged", _data, _type, [900,550], _title);
             var clearDiv = document.createElement("div");
             $(clearDiv).css("float", "left").css("clear", "both");