rgraph-rails 1.0.8 → 4.62

data/vendor/assets/javascripts/RGraph.svg.common.csv.js

@@ -1,4 +1,4 @@
-// version: 2017-01-02
+// version: 2017-05-08
     /**
     * o--------------------------------------------------------------------------------o
     * | This file is part of the RGraph package - you can learn more at:               |

data/vendor/assets/javascripts/RGraph.svg.common.fx.js

@@ -1,4 +1,4 @@
-// version: 2017-01-02
+// version: 2017-05-08
     /**
     * o--------------------------------------------------------------------------------o
     * | This file is part of the RGraph package - you can learn more at:               |
@@ -736,11 +736,11 @@
             jQuery('#rgraph_hblinds_' + i + '_' + obj.id).animate({height: 0}, duration);
         }
 
-        setTimeout(function () {this.container.removeChild(doc.getElementById('rgraph_hblinds_0_' + obj.id));}, duration);
-        setTimeout(function () {this.container.removeChild(doc.getElementById('rgraph_hblinds_1_' + obj.id));}, duration);
-        setTimeout(function () {this.container.removeChild(doc.getElementById('rgraph_hblinds_2_' + obj.id));}, duration);
-        setTimeout(function () {this.container.removeChild(doc.getElementById('rgraph_hblinds_3_' + obj.id));}, duration);
-        setTimeout(function () {this.container.removeChild(doc.getElementById('rgraph_hblinds_4_' + obj.id));}, duration);
+        setTimeout(function () {obj.container.removeChild(doc.getElementById('rgraph_hblinds_0_' + obj.id));}, duration);
+        setTimeout(function () {obj.container.removeChild(doc.getElementById('rgraph_hblinds_1_' + obj.id));}, duration);
+        setTimeout(function () {obj.container.removeChild(doc.getElementById('rgraph_hblinds_2_' + obj.id));}, duration);
+        setTimeout(function () {obj.container.removeChild(doc.getElementById('rgraph_hblinds_3_' + obj.id));}, duration);
+        setTimeout(function () {obj.container.removeChild(doc.getElementById('rgraph_hblinds_4_' + obj.id));}, duration);
         setTimeout(function () {callback(obj);}, duration);
         
         return this;
@@ -841,21 +841,21 @@
                 div.style.top             = 0;
                 div.style.position        = 'absolute';
                 div.style.backgroundColor = color;
-            this.container.appendChild(div);
+            obj.container.appendChild(div);
 
             jQuery('#rgraph_vblinds_' + i + '_' + obj.id).animate({width: 0}, duration);
         }
 
-        setTimeout(function () {doc.body.removeChild(doc.getElementById('rgraph_vblinds_0_' + obj.id));}, duration + 100);
-        setTimeout(function () {doc.body.removeChild(doc.getElementById('rgraph_vblinds_1_' + obj.id));}, duration + 100);
-        setTimeout(function () {doc.body.removeChild(doc.getElementById('rgraph_vblinds_2_' + obj.id));}, duration + 100);
-        setTimeout(function () {doc.body.removeChild(doc.getElementById('rgraph_vblinds_3_' + obj.id));}, duration + 100);
-        setTimeout(function () {doc.body.removeChild(doc.getElementById('rgraph_vblinds_4_' + obj.id));}, duration + 100);
-        setTimeout(function () {doc.body.removeChild(doc.getElementById('rgraph_vblinds_5_' + obj.id));}, duration + 100);
-        setTimeout(function () {doc.body.removeChild(doc.getElementById('rgraph_vblinds_6_' + obj.id));}, duration + 100);
-        setTimeout(function () {doc.body.removeChild(doc.getElementById('rgraph_vblinds_7_' + obj.id));}, duration + 100);
-        setTimeout(function () {doc.body.removeChild(doc.getElementById('rgraph_vblinds_8_' + obj.id));}, duration + 100);
-        setTimeout(function () {doc.body.removeChild(doc.getElementById('rgraph_vblinds_9_' + obj.id));}, duration + 100);
+        setTimeout(function () {obj.container.removeChild(doc.getElementById('rgraph_vblinds_0_' + obj.id));}, duration + 100);
+        setTimeout(function () {obj.container.removeChild(doc.getElementById('rgraph_vblinds_1_' + obj.id));}, duration + 100);
+        setTimeout(function () {obj.container.removeChild(doc.getElementById('rgraph_vblinds_2_' + obj.id));}, duration + 100);
+        setTimeout(function () {obj.container.removeChild(doc.getElementById('rgraph_vblinds_3_' + obj.id));}, duration + 100);
+        setTimeout(function () {obj.container.removeChild(doc.getElementById('rgraph_vblinds_4_' + obj.id));}, duration + 100);
+        setTimeout(function () {obj.container.removeChild(doc.getElementById('rgraph_vblinds_5_' + obj.id));}, duration + 100);
+        setTimeout(function () {obj.container.removeChild(doc.getElementById('rgraph_vblinds_6_' + obj.id));}, duration + 100);
+        setTimeout(function () {obj.container.removeChild(doc.getElementById('rgraph_vblinds_7_' + obj.id));}, duration + 100);
+        setTimeout(function () {obj.container.removeChild(doc.getElementById('rgraph_vblinds_8_' + obj.id));}, duration + 100);
+        setTimeout(function () {obj.container.removeChild(doc.getElementById('rgraph_vblinds_9_' + obj.id));}, duration + 100);
         
         setTimeout(function () {callback(obj);}, duration + 100);
 
@@ -973,7 +973,7 @@
         
         jQuery(this.svg).animate({left:0,top:0}, duration, function ()
         {
-            callback(this);
+            callback(obj);
         });
         
         return this;
@@ -1223,13 +1223,13 @@
 
         setTimeout(function ()
         {
-            this.container.removeChild(doc.getElementById('rgraph_vscissors_0' + '_' + this.id));
-            this.container.removeChild(doc.getElementById('rgraph_vscissors_1' + '_' + this.id));
-            this.container.removeChild(doc.getElementById('rgraph_vscissors_2' + '_' + this.id));
-            this.container.removeChild(doc.getElementById('rgraph_vscissors_3' + '_' + this.id));
-            this.container.removeChild(doc.getElementById('rgraph_vscissors_4' + '_' + this.id));
+            obj.container.removeChild(doc.getElementById('rgraph_vscissors_0' + '_' + obj.id));
+            obj.container.removeChild(doc.getElementById('rgraph_vscissors_1' + '_' + obj.id));
+            obj.container.removeChild(doc.getElementById('rgraph_vscissors_2' + '_' + obj.id));
+            obj.container.removeChild(doc.getElementById('rgraph_vscissors_3' + '_' + obj.id));
+            obj.container.removeChild(doc.getElementById('rgraph_vscissors_4' + '_' + obj.id));
             
-            callback(this);
+            callback(obj);
 
         }, duration);
 

data/vendor/assets/javascripts/RGraph.svg.common.key.js

@@ -0,0 +1,206 @@
+// version: 2017-05-08
+    /**
+    * o--------------------------------------------------------------------------------o
+    * | This file is part of the RGraph package - you can learn more at:               |
+    * |                                                                                |
+    * |                          http://www.rgraph.net                                 |
+    * |                                                                                |
+    * | RGraph is licensed under the Open Source MIT license. That means that it's     |
+    * | totally free to use!                                                           |
+    * o--------------------------------------------------------------------------------o
+    */
+
+    RGraph          = window.RGraph || {isRGraph: true};
+    RGraph.SVG      = RGraph.SVG || {};
+    RGraph.SVG.HTML = RGraph.SVG.HTML || {};
+    
+// Module pattern
+(function (win, doc, undefined)
+{
+    var RG = RGraph,
+        ua = navigator.userAgent,
+        ma = Math;
+
+
+
+
+    /**
+    * Draws the graph key (used by various graphs)
+    * 
+    * @param object obj The graph object
+    * @param array  key An array of the texts to be listed in the key
+    * @param colors An array of the colors to be used
+    */
+    RG.SVG.drawKey = function (obj)
+    {
+        var prop        = obj.properties,
+            key         = prop.key,
+            colors      = prop.keyColors || prop.colors,
+            defaultFont = 'Arial',
+            blobSize    = 0,
+            width       = 0;
+        
+        // Work out the center point of the SVG tag
+        var centerx = obj.svg.getAttribute('width') / 2;
+
+
+
+
+    // First measure the length so that the key can be centered
+    for (var i=0,length = 0; i<key.length; i++) {
+        
+        // First measure the text
+        var textDimensions = RG.SVG.measureText({
+            text: key[i],
+            bold: prop.keyTextBold || false,
+            font: prop.keyTextFont || prop.textFont || defaultFont,
+            size: prop.keyTextSize || prop.textSize
+        });
+
+        blobSize = ma.max(blobSize, textDimensions[1]);
+
+        width = width + 10 + blobSize + 5 + textDimensions[0];
+    }
+
+    // Center the key
+    x = centerx - width / 2;
+
+
+
+
+
+
+
+        // Loop thru the key and draw them
+        for (var i=0,y=prop.gutterTop - 5; i<key.length; ++i) {
+        
+            // First measure the text
+            var textDimensions = RG.SVG.measureText({
+                text: key[i],
+                bold: prop.keyTextBold || false,
+                font: prop.keyTextFont || prop.textFont || defaultFont,
+                size: prop.keyTextSize || prop.textSize
+            });
+
+        
+            RG.SVG.create({
+                svg: obj.svg,
+                type: 'rect',
+                parent: obj.svg.all,
+                attr: {
+                    x: x + prop.keyOffsetx,
+                    y: y - blobSize + prop.keyOffsety,
+                    width: blobSize,
+                    height: blobSize,
+                    fill: colors[i]
+                }
+            });
+
+            RGraph.SVG.text({
+                object: obj,
+                parent: obj.svg.all,
+                size: prop.keyTextSize || prop.textSize,
+                bold: prop.keyTextBold || false,
+                font: 'Arial',
+                italic: prop.keyTextItalic|| false,
+                halign: 'left',
+                valign: 'bottom',
+                text: key[i],
+                x: x + blobSize + 5 + prop.keyTextOffsetx + prop.keyOffsetx,
+                y: y + prop.keyTextOffsety + prop.keyOffsety,
+                color: 'black',
+                background: 'white',
+                padding: 0
+            })
+
+            x += 10 + blobSize + 5 + textDimensions[0];
+        }
+    };
+
+
+
+
+
+
+
+
+    /**
+    * Create a TABLE based HTML key. There's lots of options so it's
+    * suggested that you consult the documentation page
+    * 
+    * @param mixed id   This should be a string consisting of the ID of the container
+    * @param object prop An object map of the various properties that you can use to
+    *                    configure the key. See the documentation page for a list.
+    */
+    RG.SVG.HTML.key = function (id, prop)
+    {
+        var div = doc.getElementById(id);
+
+        
+        /**
+        * Create the table that becomes the key
+        */
+        var str = '<table border="0" cellspacing="0" cellpadding="0" id="rgraph_key" style="display: inline;' + (function ()
+            {
+                var style = ''
+                for (i in prop.tableCss) {
+                    if (typeof i === 'string') {
+                        style = style + i + ': ' + prop.tableCss[i] + ';';
+                    }
+                }
+                return style;
+            })() + '" ' + (prop.tableClass ? 'class="' + prop.tableClass + '"' : '') + '>';
+
+
+
+        /**
+        * Add the individual key elements
+        */
+        for (var i=0; i<prop.labels.length; i+=1) {
+            str += '<tr><td><div style="' + (function ()
+            {
+                var style = '';
+
+                for (var j in prop.blobCss) {
+                    if (typeof j === 'string') {
+                        style = style + j + ': ' + prop.blobCss[j] + ';';
+                    }
+                }
+
+                return style;
+            })() + 'display: inline-block; margin-right: 5px; margin-top: 4px; width: 15px; height: 15px; background-color: ' + prop.colors[i] + '"' + (prop.blobClass ? 'class="' + prop.blobClass + '"' : '') + '>&nbsp;</div><td>' + (prop.links && prop.links[i] ? '<a href="' + prop.links[i] + '">' : '') + '<span ' + (prop.labelClass ? 'class="' + prop.labelClass + '"' : '') + '" style="' + (function ()
+            {
+                var style = '';
+
+                for (var j in prop.labelCss) {
+                    if (typeof j === 'string') {
+                        style = style + j + ': ' + prop.labelCss[j] + ';';
+                    }
+                }
+
+                return style;
+            })() + '" ' + (function ()
+            {
+                var style = '';
+
+                if (prop['labelCss_' + i]) {
+                    for (var j in prop['labelCss_' + i]) {
+                        style = style + j + ': ' + prop['labelCss_' + i][j] + ';';
+                    }
+                }
+
+                return style ? 'style="' + style + '"' : '';
+            })() + '>' + prop.labels[i] + '</span>' + (prop.links && prop.links[i] ? '</a>' : '') + '</td></tr>';
+        }
+        
+        div.innerHTML += (str + '</table>');
+
+        // Return the TABLE object that is the HTML key
+        return doc.getElementById('rgraph_key');
+    };
+
+
+
+
+// End module pattern
+})(window, document);

data/vendor/assets/javascripts/RGraph.svg.common.sheets.js

@@ -1,4 +1,4 @@
-// version: 2017-01-02
+// version: 2017-05-08
     /**
     * o--------------------------------------------------------------------------------o
     * | This file is part of the RGraph package - you can learn more at:               |

data/vendor/assets/javascripts/RGraph.svg.common.tooltips.js

@@ -1,4 +1,4 @@
-// version: 2017-01-02
+// version: 2017-05-08
     /**
     * o--------------------------------------------------------------------------------o
     * | This file is part of the RGraph package - you can learn more at:               |
@@ -42,7 +42,7 @@
         zIndex:     3,
         borderRadius: '5px',
         boxShadow:  'rgba(96,96,96,0.5) 0 0 5px',
-        opacity:    0
+        transition: 'left ease-out .25s, top ease-out .25s'
     };
 
 
@@ -60,9 +60,7 @@
         RG.SVG.fireCustomEvent(obj, 'onbeforetooltip');
 
 
-
-
-        if (RG.SVG.trim(opt.text).length === 0) {
+        if (!opt.text || typeof opt.text === 'undefined' || RG.SVG.trim(opt.text).length === 0) {
             return;
         }
 
@@ -81,20 +79,61 @@
 
 
 
-        // Create the tooltip DIV element
-        var tooltipObj       = document.createElement('DIV');
-        tooltipObj.className = prop.tooltipsCssClass;
 
 
 
-        // Add the default CSS to the tooltip
-        for (var i in RG.SVG.tooltips.style) {
-            if (typeof i === 'string') {
-                tooltipObj.style[i] = RG.SVG.tooltips.style[i];
+
+
+        // Create the tooltip DIV element
+        if (!RG.SVG.REG.get('tooltip')) {
+
+            var tooltipObj        = document.createElement('DIV');
+            tooltipObj.className  = prop.tooltipsCssClass;
+    
+    
+    
+    
+            // Add the default CSS to the tooltip
+            for (var i in RG.SVG.tooltips.style) {
+                if (typeof i === 'string') {
+                    tooltipObj.style[i] = RG.SVG.tooltips.style[i];
+                }
             }
+
+
+
+
+
+        // Reuse an existing tooltip
+        } else {
+            var tooltipObj = RG.SVG.REG.get('tooltip');
+            tooltipObj.__object__.removeHighlight();
+            
+            // This prevents the object from continuously growing
+            tooltipObj.style.width = '';
         }
 
 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+        if (RG.SVG.REG.get('tooltip-lasty')) {
+            tooltipObj.style.left = RG.SVG.REG.get('tooltip-lastx') + 'px';
+            tooltipObj.style.top  = RG.SVG.REG.get('tooltip-lasty') + 'px';
+        }
+
         tooltipObj.innerHTML  = opt.text;
         tooltipObj.__text__   = opt.text; // This is set because the innerHTML can change when it's set
         tooltipObj.id         = '__rgraph_tooltip_' + obj.id + '_' + obj.uid + '_'+  opt.index;
@@ -130,7 +169,7 @@
         
         var width  = tooltipObj.offsetWidth,
             height = tooltipObj.offsetHeight;
-        
+
         // Move the tooltip into position
         tooltipObj.style.left = opt.event.pageX - (width / 2) + 'px';
         tooltipObj.style.top  = opt.event.pageY - height - 15 + 'px';
@@ -142,10 +181,9 @@
         * Set the width on the tooltip so it doesn't resize if the window is resized
         */
         tooltipObj.style.width = width + 'px';
-        
-        
-        // Fade the tooltip in if the tooltip effect is "fade"
-        if (prop.tooltipsEffect === 'fade') {
+
+        // Fade the tooltip in if the tooltip is not the first view
+        if (!RG.SVG.REG.get('tooltip-lastx')) {
             for (var i=0; i<=30; ++i) {
                 (function (idx)
                 {
@@ -155,9 +193,6 @@
                     }, (idx / 30) * 200);
                 })(i);
             }
-        } else {
-            tooltipObj.style.opacity  = 1;
-            tooltipObj.style.display  = 'inline-block';
         }
 
 
@@ -202,7 +237,7 @@
         };
 
         // Cancel the click event
-        tooltipObj.onclick = function (e)
+        tooltipObj.onclick  = function (e)
         {
             if (e.button == 0) {
                 e.stopPropagation();
@@ -210,16 +245,22 @@
         };
         
         // Add the body click handler that clears the tooltip
-        document.body.addEventListener('mousedown', function (e)
+        document.body.addEventListener('mouseup', function (e)
         {
             RG.SVG.hideTooltip();
         }, false);
 
 
+
+
+
         /**
         * Keep a reference to the tooltip in the registry
         */
         RG.SVG.REG.set('tooltip', tooltipObj);
+        RG.SVG.REG.set('tooltip-lastx', parseFloat(tooltipObj.style.left));
+        RG.SVG.REG.set('tooltip-lasty', parseFloat(tooltipObj.style.top));
+
 
         //
         // Fire the tooltip event