rgraph-rails 1.0.7 → 1.0.8

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

@@ -1,30 +1,353 @@
+// version: 2017-01-02
+    /**
+    * 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};(function(win,doc,undefined)
-{RGraph.Sheets=function(key)
-{var worksheet,callback,letters='ABCDEFGHIJKLMNOPQRSTUVWXYZ';if(arguments.length===3){worksheet=Number(arguments[1]);callback=arguments[2];}else{worksheet=1;callback=arguments[1];}
-var url='https://spreadsheets.google.com/feeds/cells/[KEY]/[WORKSHEET]/public/full?alt=json-in-script&callback=__rgraph_JSONPCallback'.replace(/\[KEY\]/,key).replace(/\[WORKSHEET\]/,worksheet);this.load=function(url,userCallback)
-{var obj=this;__rgraph_JSONPCallback=function(json)
-{obj.json=json;var grid=[],row=0,col=0;for(var i=0;i<json.feed.entry.length;++i){row=json.feed.entry[i].gs$cell.row-1;col=json.feed.entry[i].gs$cell.col-1;if(!grid[row]){grid[row]=[];}
-grid[row][col]=json.feed.entry[i].content.$t;}
-var maxcols=0;for(var i=0;i<grid.length;++i){maxcols=grid[i]?Math.max(maxcols,grid[i].length):maxcols;}
-for(var i=0;i<grid.length;++i){if(typeof grid[i]==='undefined'){grid[i]=new Array(maxcols);}
-for(var j=0;j<maxcols;j++){if(typeof grid[i][j]==='undefined'){grid[i][j]='';}
-if(grid[i][j].match(/^[0-9]+$/)){grid[i][j]=parseInt(grid[i][j]);}else if(grid[i][j].match(/^[0-9.]+$/)){grid[i][j]=parseFloat(grid[i][j]);}}}
-obj.data=grid;userCallback(obj);};var scriptNode=document.createElement('SCRIPT');scriptNode.src=url;document.body.appendChild(scriptNode);};this.row=function(index,start)
-{var opt={},row;start=start||1;if(arguments&&typeof arguments[2]==='object'&&typeof arguments[2].trim==='boolean'){opt.trim=arguments[2].trim;}else{opt.trim=true;}
-row=this.data[index-1].slice(start-1);if(opt.trim){row=RGraph.arrayTrim(row);}
-return row;};this.col=function(index,start)
-{var opt={},col=[];start=start||1;if(arguments&&typeof arguments[2]==='object'&&typeof arguments[2].trim==='boolean'){opt.trim=arguments[2].trim;}else{opt.trim=true;}
-for(var i=0;i<this.data.length;++i){col.push(this.data[i][index-1]);}
-if(opt.trim){col=RGraph.arrayTrim(col);}
-col=col.slice(start-1);return col;};this.getIndexOfLetters=function(l)
-{var parts=l.split('');if(parts.length===1){return letters.indexOf(l)+1;}else if(parts.length===2){var idx=((letters.indexOf(parts[0])+1)*26)+(letters.indexOf(parts[1])+1);return idx;}}
-this.get=function(str)
-{str=str.toUpperCase();if(str.match(/^[a-z]+$/i)){if(str.length===1){var index=letters.indexOf(str)+1;return this.col(index,1,arguments[1]);}else if(str.length===2){var index=((letters.indexOf(str[0])+1)*26)+letters.indexOf(str[1])+1;return this.col(index,1,arguments[1]);}}
-if(str.match(/^[0-9]+$/i)){return this.row(str,null,arguments[1]);}
-if(str.match(/^([a-z]{1,2})([0-9]+)$/i)){var letter=RegExp.$1,number=RegExp.$2,col=this.get(letter,{trim:false});return col[number-1];}
-if(str.match(/^([a-z]{1,2})([0-9]+):([a-z]{1,2})([0-9]+)$/i)){var letter1=RegExp.$1,number1=RegExp.$2,letter2=RegExp.$3,number2=RegExp.$4
-if(letter1===letter2){var cells=[],index=this.getIndexOfLetters(letter1),col=this.col(index,null,{trim:false});for(var i=(number1-1);i<=(number2-1);++i){cells.push(col[i]);}}else if(number1===number2){var cells=[],row=this.row(number1,null,{trim:false}),index1=this.getIndexOfLetters(letter1),index2=this.getIndexOfLetters(letter2)
-for(var i=(index1-1);i<=(index2-1);++i){cells.push(row[i]);}}
-if(arguments[1]&&arguments[1].trim===false){}else{cells=RGraph.arrayTrim(cells);}
-return cells;}};this.load(url,callback);};})(window,document);
+    /**
+    * Initialise the various objects
+    */
+    RGraph = window.RGraph || {isRGraph: true};
+
+// Module pattern
+(function (win, doc, undefined)
+{
+    RGraph.Sheets = function (key)
+    {
+        var worksheet,
+            callback,
+            letters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ';
+
+        // 3 arguments
+        if (arguments.length === 3) {
+            worksheet = Number(arguments[1]);
+            callback  = arguments[2];
+        
+        // 2 arguments
+        } else {
+            worksheet = 1;
+            callback  = arguments[1];
+        }
+        
+        var url = 'https://spreadsheets.google.com/feeds/cells/[KEY]/[WORKSHEET]/public/full?alt=json-in-script&callback=__rgraph_JSONPCallback'.replace(/\[KEY\]/, key).replace(/\[WORKSHEET\]/, worksheet);
+        
+        /*
+        * https://spreadsheets.google.com/feeds/cells/1q_BMjvKO_kKbAO3VjoaITSDyrLAk8f0SK5UFMmE3oRs/2/public/full?alt=json-in-script
+        */
+    
+
+        
+        
+
+        //
+        // Loads the spreadsheet
+        //
+        this.load = function(url, userCallback)
+        {
+            var obj = this;
+
+            // A global on purpose
+            __rgraph_JSONPCallback = function (json)
+            {
+                // Save the JSON on the RGraph.Sheets object
+                obj.json = json;
+
+                //
+                // Put the entries in the JSON feed into a grid
+                //
+                var grid = [], row = 0, col = 0;
+
+                for (var i=0; i<json.feed.entry.length; ++i) {
+                    
+                    row = json.feed.entry[i].gs$cell.row - 1;
+                    col = json.feed.entry[i].gs$cell.col - 1;
+                    
+                    if (!grid[row]) {
+                        grid[row] = [];
+                    }
+                        
+                    grid[row][col] = json.feed.entry[i].content.$t;
+                }
+                
+                
+                //
+                // Determine the longest row
+                //
+                var maxcols = 0; // The max length of the rows
+                
+                for (var i=0; i<grid.length; ++i) {
+                    maxcols = grid[i] ? Math.max(maxcols, grid[i].length) : maxcols;
+                }
+
+
+            
+                //
+                // Now go through the array and fill in any blank holes.
+                //
+                for (var i=0; i<grid.length; ++i) {
+                    
+                    if (typeof grid[i] === 'undefined') {
+                        grid[i] = new Array(maxcols);
+                    }
+
+                    for (var j=0; j<maxcols; j++) {
+                        if (typeof grid[i][j] === 'undefined') {
+                            grid[i][j] = '';
+                        }
+                        
+                        // Convert numbers to real numbers and floats here too
+                        if (grid[i][j].match(/^[0-9]+$/)) {
+                            grid[i][j] = parseInt(grid[i][j]);
+                        } else if (grid[i][j].match(/^[0-9.]+$/)) {
+                            grid[i][j] = parseFloat(grid[i][j]);
+                        }
+                    }
+                }
+                
+                //
+                // Save the grid on the object
+                //
+                obj.data = grid;
+
+
+
+                //
+                // Call the users callback function. Users can access the raw data if
+                // they want with the obj.data property or by using the accessor
+                // methods (better)
+                //
+                userCallback(obj);
+            };
+
+            // Add the new script tag to the document that pulls in the JSON
+            //
+            // With jQuery...
+            //
+            //$('body').append("<script src='" + url + "'></script>");
+            //
+            // And without jQuery...
+
+            var scriptNode = document.createElement('SCRIPT');
+            scriptNode.src = url;
+            document.body.appendChild(scriptNode);
+        };
+
+
+
+
+        //
+        // Fetches a row of data and returns it
+        //
+        // @param id    number The numeric index of the column to fetch (starts at 1)
+        // @param start number The index to start fetching/returning at. The first
+        //                     character is 1
+        // @param opt        An option object containing options
+        //
+        this.row = function (index, start)
+        {
+            var opt = {}, row;
+            
+            // Default for start is 1
+            start = start || 1;
+
+            //
+            // Parse the .trim argument
+            //
+
+            if (arguments && typeof arguments[2] === 'object' && typeof arguments[2].trim === 'boolean') {
+                opt.trim = arguments[2].trim;
+            } else {
+                opt.trim = true;
+            }
+
+            row = this.data[index - 1].slice(start - 1);
+
+            // Trim the array if required
+            if (opt.trim) {
+                row = RGraph.arrayTrim(row);
+            }
+
+            return row;
+        };
+        
+        
+        
+        //
+        // Fetches a column of data and returns it
+        //
+        // @param id    number The letter that corresponds to the column
+        // @param start number The index to start fetching/returning at. The first
+        //                     character is 1
+        // @param opt        An option object containing options
+        //
+        this.col = function (index, start)
+        {
+            var opt = {},
+                col = [];
+          
+            // Default for start is 1
+            start = start || 1;
+
+            if (arguments && typeof arguments[2] === 'object' && typeof arguments[2].trim === 'boolean') {
+                opt.trim = arguments[2].trim;
+            } else {
+                opt.trim = true;
+            }
+            
+            for (var i=0; i<this.data.length; ++i) {
+                col.push(this.data[i][index - 1]);
+            }
+
+            // Trim the array if required
+            if (opt.trim) {
+                col = RGraph.arrayTrim(col);
+            }
+
+            // Now account for the start index
+
+            col = col.slice(start - 1);
+
+            return col;
+        };
+        
+        
+        
+        //
+        // Returns the index (zero index) of the given letters
+        //
+        this.getIndexOfLetters = function (l)
+        {
+            var parts = l.split('');
+
+            if (parts.length === 1) {
+                return letters.indexOf(l) + 1;
+            } else if (parts.length === 2){
+                var idx = ((letters.indexOf(parts[0]) + 1) * 26) + (letters.indexOf(parts[1]) + 1);
+                return idx;
+            }
+        }
+
+
+
+
+    
+        //
+        // The get method makes retrieving cells very straightforward,
+        // for example: obj.get('B1');
+        //
+        // @param str string The cells(s) to fetch
+        // @param     string Optional set of options that are passed
+        //                   to the relevant row/col function
+        //
+        this.get = function (str)
+        {
+            // Uppercase letters please!
+            str = str.toUpperCase();
+
+            //
+            // Handle the style of .get('C') or .get('AA'
+            //
+            if (str.match(/^[a-z]+$/i)) {
+                if (str.length === 1) {
+                    var index = letters.indexOf(str) + 1;
+                    return this.col(index, 1, arguments[1]);
+                
+                } else if (str.length === 2) {
+                    var index = ((letters.indexOf(str[0]) + 1) * 26) + letters.indexOf(str[1]) + 1;
+                    return this.col(index, 1, arguments[1]);
+                }
+            }
+            
+            
+            
+            
+            //
+            // Handle the style of .get('2');
+            //(fetching a whole row
+            //
+            if (str.match(/^[0-9]+$/i)) {
+                return this.row(str, null, arguments[1]);
+            }
+            
+            
+            
+            
+            //
+            // Handle the style of .get('E2');
+            //(fetching a single cell)
+            //
+            if (str.match(/^([a-z]{1,2})([0-9]+)$/i)) {
+                
+                var letter = RegExp.$1,
+                    number = RegExp.$2,
+                    col    = this.get(letter, {trim: false});
+
+                
+                return col[number - 1];
+            }
+            
+            
+            
+            
+            //
+            // Handle the style of .get('B2:E2');
+            //(fetching the E2 cell to the E2 cell)
+            //
+            if (str.match(/^([a-z]{1,2})([0-9]+):([a-z]{1,2})([0-9]+)$/i)) {
+
+                var letter1 = RegExp.$1,
+                    number1 = RegExp.$2,
+                    letter2 = RegExp.$3,
+                    number2 = RegExp.$4
+
+
+                if (letter1 === letter2) {
+                    var cells = [],
+                        index = this.getIndexOfLetters(letter1),
+                        col   = this.col(index, null, {trim: false});
+
+                    for (var i=(number1 - 1); i<=(number2 - 1); ++i) {
+                        cells.push(col[i]);
+                    }
+
+                } else if (number1 === number2) {
+
+                    var cells = [],
+                        row   = this.row(number1, null, {trim: false}),
+                        index1 = this.getIndexOfLetters(letter1),
+                        index2 = this.getIndexOfLetters(letter2)
+
+                    for (var i=(index1 - 1); i<=(index2 - 1); ++i) {
+                        cells.push(row[i]);
+                    }
+                }
+
+                // Trim the results
+                if (arguments[1] && arguments[1].trim === false) {
+                    // Nada
+                } else {
+                    cells = RGraph.arrayTrim(cells);
+                }
+
+                return cells;
+               
+            }
+        };
+
+
+
+
+        //
+        // Load the data
+        //
+        this.load(url, callback);
+    };
+
+// End module pattern
+})(window, document);

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

@@ -1,33 +1,451 @@
+// version: 2017-01-02
+    /**
+    * 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};(function(win,doc,undefined)
-{var RG=RGraph,ua=navigator.userAgent,ma=Math;RG.tooltips={};RG.tooltips.style={display:'inline-block',position:'absolute',padding:'6px',fontFamily:'Arial',fontSize:'10pt',fontWeight:'normal',textAlign:'center',left:0,top:0,backgroundColor:'rgb(255,255,239)',color:'black',visibility:'visible',zIndex:3,borderRadius:'5px',boxShadow:'rgba(96,96,96,0.5) 0 0 5px',opacity:0};RG.tooltip=RG.Tooltip=function(obj,text,x,y,idx,e)
-{if(RG.trim(text).length===0){return;}
-RG.fireCustomEvent(obj,'onbeforetooltip');if(typeof(obj.get('chart.tooltips.override'))=='function'){return obj.get('chart.tooltips.override')(obj,text,x,y,idx);}
-var originalX=x;var originalY=y;text=RG.getTooltipTextFromDIV(text);var timers=RG.Registry.Get('chart.tooltip.timers');if(timers&&timers.length){for(i=0;i<timers.length;++i){clearTimeout(timers[i]);}}
-RG.Registry.Set('chart.tooltip.timers',[]);if(obj.get('chart.contextmenu')){RG.hideContext();}
-var tooltipObj=document.createElement('DIV');tooltipObj.className=obj.get('chart.tooltips.css.class');for(var i in RGraph.tooltips.style){if(typeof i==='string'){tooltipObj.style[i]=RGraph.tooltips.style[i];}}
-tooltipObj.innerHTML=text;tooltipObj.__text__=text;tooltipObj.__canvas__=obj.canvas;tooltipObj.id='__rgraph_tooltip_'+obj.canvas.id+'_'+obj.uid+'_'+idx;tooltipObj.__event__=obj.Get('chart.tooltips.event')||'click';tooltipObj.__object__=obj;if(typeof idx==='number'){tooltipObj.__index__=idx;origIdx=idx;}
-if(obj.type==='line'||obj.type==='radar'){for(var ds=0;ds<obj.data.length;++ds){if(idx>=obj.data[ds].length){idx-=obj.data[ds].length;}else{break;}}
-tooltipObj.__dataset__=ds;tooltipObj.__index2__=idx;}
-document.body.appendChild(tooltipObj);var width=tooltipObj.offsetWidth;var height=tooltipObj.offsetHeight;tooltipObj.style.width=width+'px';var mouseXY=RG.getMouseXY(e);var canvasXY=RG.getCanvasXY(obj.canvas);tooltipObj.style.left=e.pageX-(parseFloat(tooltipObj.style.paddingLeft)+(width/2))+'px';tooltipObj.style.top=e.pageY-height-10+'px';if(parseFloat(tooltipObj.style.left)<=5){tooltipObj.style.left='5px';}
-if(parseFloat(tooltipObj.style.left)+parseFloat(tooltipObj.style.width)>window.innerWidth){tooltipObj.style.left=''
-tooltipObj.style.right='5px'}
-if(RG.isFixed(obj.canvas)){var scrollTop=window.scrollY||document.documentElement.scrollTop;tooltipObj.style.position='fixed';tooltipObj.style.top=e.pageY-scrollTop-height-10+'px';}
-if(obj.get('chart.tooltips.effect')==='fade'){for(var i=1;i<=10;++i){(function(index)
-{setTimeout(function()
-{tooltipObj.style.opacity=index/10;},index*25);})(i);}}else{tooltipObj.style.opacity=1;}
-tooltipObj.onmousedown=function(e){e.stopPropagation();}
-tooltipObj.onmouseup=function(e){e.stopPropagation();}
-tooltipObj.onclick=function(e){if(e.button==0){e.stopPropagation();}}
-RG.Registry.Set('chart.tooltip',tooltipObj);RG.fireCustomEvent(obj,'ontooltip');};RG.getTooltipTextFromDIV=function(text)
-{var result=/^id:(.*)/.exec(text);if(result&&result[1]&&document.getElementById(result[1])){text=document.getElementById(result[1]).innerHTML;}else if(result&&result[1]){text='';}
-return text;};RG.getTooltipWidth=function(text,obj)
-{var div=document.createElement('DIV');div.className=obj.Get('chart.tooltips.css.class');div.style.paddingLeft=RG.tooltips.padding;div.style.paddingRight=RG.tooltips.padding;div.style.fontFamily=RG.tooltips.font_face;div.style.fontSize=RG.tooltips.font_size;div.style.visibility='hidden';div.style.position='absolute';div.style.top='300px';div.style.left=0;div.style.display='inline';div.innerHTML=RG.getTooltipTextFromDIV(text);document.body.appendChild(div);return div.offsetWidth;};RG.hideTooltip=RG.HideTooltip=function()
-{var tooltip=RG.Registry.Get('chart.tooltip');var uid=arguments[0]&&arguments[0].uid?arguments[0].uid:null;if(tooltip&&tooltip.parentNode&&(!uid||uid==tooltip.__canvas__.uid)){tooltip.parentNode.removeChild(tooltip);tooltip.style.display='none';tooltip.style.visibility='hidden';RG.Registry.Set('chart.tooltip',null);}};RG.preLoadTooltipImages=RG.PreLoadTooltipImages=function(obj)
-{var tooltips=obj.Get('chart.tooltips');if(RG.hasTooltips(obj)){if(obj.type=='rscatter'){tooltips=[];for(var i=0;i<obj.data.length;++i){tooltips.push(obj.data[3]);}}
-for(var i=0;i<tooltips.length;++i){var div=document.createElement('DIV');div.style.position='absolute';div.style.opacity=0;div.style.top='-100px';div.style.left='-100px';div.innerHTML=tooltips[i];document.body.appendChild(div);var img_tags=div.getElementsByTagName('IMG');for(var j=0;j<img_tags.length;++j){if(img_tags&&img_tags[i]){var img=document.createElement('IMG');img.style.position='absolute';img.style.opacity=0;img.style.top='-100px';img.style.left='-100px';img.src=img_tags[i].src
-document.body.appendChild(img);setTimeout(function(){document.body.removeChild(img);},250);}}
-document.body.removeChild(div);}}};RG.tooltips_mousemove=RG.Tooltips_mousemove=function(obj,e)
-{var shape=obj.getShape(e);var changeCursor_tooltips=false
-if(shape&&typeof(shape['index'])=='number'&&obj.Get('chart.tooltips')[shape['index']]){var text=RG.parseTooltipText(obj.Get('chart.tooltips'),shape['index']);if(text){changeCursor_tooltips=true;if(obj.Get('chart.tooltips.event')=='onmousemove'){if(!RG.Registry.Get('chart.tooltip')||RG.Registry.Get('chart.tooltip').__object__.uid!=obj.uid||RG.Registry.Get('chart.tooltip').__index__!=shape['index']){RG.hideTooltip();RG.Clear(obj.canvas);RG.redraw();RG.tooltip(obj,text,e.pageX,e.pageY,shape['index']);obj.Highlight(shape);}}}}else if(shape&&typeof(shape['index'])=='number'){var text=RG.parseTooltipText(obj.Get('chart.tooltips'),shape['index']);if(text){changeCursor_tooltips=true}}
-return changeCursor_tooltips;};})(window,document);
+    RGraph = window.RGraph || {isRGraph: true};
+
+
+
+
+// Module pattern
+(function (win, doc, undefined)
+{
+    var RG  = RGraph,
+        ua  = navigator.userAgent,
+        ma  = Math;
+
+
+
+
+    /**
+    * This is used in two functions, hence it's here
+    */
+    RG.tooltips     = {};
+    RG.tooltips.style = {
+        display:    'inline-block',
+        position:   'absolute',
+        padding:    '6px',
+        fontFamily: 'Arial',
+        fontSize:   '10pt',
+        fontWeight: 'normal',
+        textAlign:  'center',
+        left:       0,
+        top:        0,
+        backgroundColor: 'rgb(255,255,239)',
+        color:      'black',
+        visibility: 'visible',
+        zIndex:     3,
+        borderRadius: '5px',
+        boxShadow:  'rgba(96,96,96,0.5) 0 0 5px',
+        opacity:    0
+    };
+
+
+
+    /**
+    * Shows a tooltip next to the mouse pointer
+    * 
+    * @param canvas object The canvas element object
+    * @param text   string The tooltip text
+    * @param int     x      The X position that the tooltip should appear at. Combined with the canvases offsetLeft
+    *                       gives the absolute X position
+    * @param int     y      The Y position the tooltip should appear at. Combined with the canvases offsetTop
+    *                       gives the absolute Y position
+    * @param int     idx    The index of the tooltip in the graph objects tooltip array
+    * @param object  e      The event object
+    */
+    RG.tooltip =
+    RG.Tooltip = function (obj, text, x, y, idx, e)
+    {
+        if (RG.trim(text).length === 0) {
+            return;
+        }
+
+
+
+        /**
+        * Fire the beforetooltip event
+        */
+        RG.fireCustomEvent(obj, 'onbeforetooltip');
+
+
+
+        /**
+        * chart.tooltip.override allows you to totally take control of rendering the tooltip yourself
+        */
+        if (typeof(obj.get('chart.tooltips.override')) == 'function') {
+            return obj.get('chart.tooltips.override')(obj, text, x, y, idx);
+        }
+
+
+
+
+        /**
+        * Save the X/Y coords
+        */
+        var originalX = x;
+        var originalY = y;
+
+        /**
+        * This facilitates the "id:xxx" format
+        */
+        text = RG.getTooltipTextFromDIV(text);
+
+        /**
+        * First clear any exising timers
+        */
+        var timers = RG.Registry.Get('chart.tooltip.timers');
+
+        if (timers && timers.length) {
+            for (i=0; i<timers.length; ++i) {
+                clearTimeout(timers[i]);
+            }
+        }
+        RG.Registry.Set('chart.tooltip.timers', []);
+
+        /**
+        * Hide the context menu if it's currently shown
+        */
+        if (obj.get('chart.contextmenu')) {
+            RG.hideContext();
+        }
+
+
+
+        /**
+        * Show a tool tip
+        */
+        var tooltipObj       = document.createElement('DIV');
+        tooltipObj.className = obj.get('chart.tooltips.css.class');
+
+        // Add the default CSS to the tooltip
+        for (var i in RGraph.tooltips.style) {
+            if (typeof i === 'string') {
+                tooltipObj.style[i] = RGraph.tooltips.style[i];
+            }
+        }
+
+        tooltipObj.innerHTML                = text;
+        tooltipObj.__text__                 = text; // This is set because the innerHTML can change when it's set
+        tooltipObj.__canvas__               = obj.canvas;
+        tooltipObj.id                       = '__rgraph_tooltip_' + obj.canvas.id + '_' + obj.uid + '_'+ idx;
+        tooltipObj.__event__                = obj.Get('chart.tooltips.event') || 'click';
+        tooltipObj.__object__               = obj;
+
+        if (typeof idx === 'number') {
+            tooltipObj.__index__ = idx;
+            origIdx = idx;
+        }
+
+        if (obj.type === 'line' || obj.type === 'radar') {
+            for (var ds=0; ds<obj.data.length; ++ds) {
+                if (idx >= obj.data[ds].length) {
+                    idx -= obj.data[ds].length;
+                } else {
+                    break;
+                }
+            }
+            
+            tooltipObj.__dataset__ = ds;
+            tooltipObj.__index2__  = idx;
+        }
+
+        document.body.appendChild(tooltipObj);
+        //obj.canvas.parentNode.appendChild(tooltipObj);
+
+        var width  = tooltipObj.offsetWidth;
+        var height = tooltipObj.offsetHeight;
+
+
+        /**
+        * Set the width on the tooltip so it doesn't resize if the window is resized
+        */
+        tooltipObj.style.width = width + 'px';
+
+
+
+
+
+
+
+
+
+        //
+        // position the tooltip on the mouse pointers position
+        //
+        var mouseXY  = RG.getMouseXY(e);
+        var canvasXY = RG.getCanvasXY(obj.canvas);
+
+        // Position based on the mouse pointer coords on the page
+        tooltipObj.style.left = e.pageX - (parseFloat(tooltipObj.style.paddingLeft) + (width / 2)) + 'px';
+        tooltipObj.style.top  = e.pageY - height - 10 + 'px';
+        
+        // If the left is less than zero - set it to 5
+        if (parseFloat(tooltipObj.style.left) <= 5) {
+            tooltipObj.style.left = '5px';
+        }
+
+        // If the tooltip goes over the right hand edge then
+        // adjust the positioning
+        if (parseFloat(tooltipObj.style.left) + parseFloat(tooltipObj.style.width) > window.innerWidth) {
+            tooltipObj.style.left  = ''
+            tooltipObj.style.right = '5px'
+        }
+        
+        // If the canvas has fixed positioning then set the tooltip position to
+        // fixed too
+        if (RG.isFixed(obj.canvas)) {
+            var scrollTop = window.scrollY || document.documentElement.scrollTop;
+
+            tooltipObj.style.position = 'fixed';
+            tooltipObj.style.top = e.pageY - scrollTop - height - 10 + 'px';
+        }
+        
+        
+        
+        
+        
+        
+        // If the effect is fade:
+        // Increase the opacity from its default 0 up to 1 - fading the tooltip in
+        if (obj.get('chart.tooltips.effect') === 'fade') {
+            for (var i=1; i<=10; ++i) {
+                (function (index)
+                {
+                    setTimeout(function ()
+                    {
+                        tooltipObj.style.opacity = index / 10;
+                    }, index * 25);
+                })(i);
+            }
+        } else {
+            tooltipObj.style.opacity = 1;
+        }
+
+
+
+
+
+
+
+
+
+
+
+        /**
+        * If the tooltip it self is clicked, cancel it
+        */
+        tooltipObj.onmousedown = function (e){e.stopPropagation();}
+        tooltipObj.onmouseup   = function (e){e.stopPropagation();}
+        tooltipObj.onclick     = function (e){if (e.button == 0) {e.stopPropagation();}}
+
+
+
+
+
+
+
+        /**
+        * Keep a reference to the tooltip in the registry
+        */
+        RG.Registry.Set('chart.tooltip', tooltipObj);
+
+        /**
+        * Fire the tooltip event
+        */
+        RG.fireCustomEvent(obj, 'ontooltip');
+    };
+
+
+
+
+    /**
+    * 
+    */
+    RG.getTooltipTextFromDIV = function (text)
+    {
+        // This regex is duplicated firher down on roughly line 888
+        var result = /^id:(.*)/.exec(text);
+
+        if (result && result[1] && document.getElementById(result[1])) {
+            text = document.getElementById(result[1]).innerHTML;
+        } else if (result && result[1]) {
+            text = '';
+        }
+        
+        return text;
+    };
+
+
+
+
+    /**
+    * 
+    */
+    RG.getTooltipWidth = function (text, obj)
+    {
+        var div = document.createElement('DIV');
+            div.className             = obj.Get('chart.tooltips.css.class');
+            div.style.paddingLeft     = RG.tooltips.padding;
+            div.style.paddingRight    = RG.tooltips.padding;
+            div.style.fontFamily      = RG.tooltips.font_face;
+            div.style.fontSize        = RG.tooltips.font_size;
+            div.style.visibility      = 'hidden';
+            div.style.position        = 'absolute';
+            div.style.top            = '300px';
+            div.style.left             = 0;
+            div.style.display         = 'inline';
+            div.innerHTML             = RG.getTooltipTextFromDIV(text);
+        document.body.appendChild(div);
+
+        return div.offsetWidth;
+    };
+
+
+
+
+    /**
+    * Hides the currently shown tooltip
+    */
+    RG.hideTooltip =
+    RG.HideTooltip = function ()
+    {
+        var tooltip = RG.Registry.Get('chart.tooltip');
+        var uid     = arguments[0] && arguments[0].uid ? arguments[0].uid : null;
+
+        if (tooltip && tooltip.parentNode && (!uid || uid == tooltip.__canvas__.uid)) {
+            tooltip.parentNode.removeChild(tooltip);
+            tooltip.style.display = 'none';                
+            tooltip.style.visibility = 'hidden';
+            RG.Registry.Set('chart.tooltip', null);
+        }
+    };
+
+
+
+
+    /**
+    * This (as the name suggests preloads any images it can find in the tooltip text
+    * 
+    * @param object obj The chart object
+    */
+    RG.preLoadTooltipImages =
+    RG.PreLoadTooltipImages = function (obj)
+    {
+        var tooltips = obj.Get('chart.tooltips');
+        
+        if (RG.hasTooltips(obj)) {
+        
+            if (obj.type == 'rscatter') {
+                tooltips = [];
+                for (var i=0; i<obj.data.length; ++i) {
+                    tooltips.push(obj.data[3]);
+                }
+            }
+            
+            for (var i=0; i<tooltips.length; ++i) {
+                // Add the text to an offscreen DIV tag
+                var div = document.createElement('DIV');
+                    div.style.position = 'absolute';
+                    div.style.opacity = 0;
+                    div.style.top = '-100px';
+                    div.style.left = '-100px';
+                    div.innerHTML  = tooltips[i];
+                document.body.appendChild(div);
+                
+                // Now get the IMG tags and create them
+                var img_tags = div.getElementsByTagName('IMG');
+    
+                // Create the image in an off-screen image tag
+                for (var j=0; j<img_tags.length; ++j) {
+                        if (img_tags && img_tags[i]) {
+                        var img = document.createElement('IMG');
+                            img.style.position = 'absolute';
+                            img.style.opacity = 0;
+                            img.style.top = '-100px';
+                            img.style.left = '-100px';
+                            img.src = img_tags[i].src
+                        document.body.appendChild(img);
+                        
+                        setTimeout(function () {document.body.removeChild(img);}, 250);
+                    }
+                }
+    
+                // Now remove the div
+                document.body.removeChild(div);
+            }
+        }
+    };
+
+
+
+
+    /**
+    * This is the tooltips canvas onmousemove listener
+    */
+    RG.tooltips_mousemove =
+    RG.Tooltips_mousemove = function (obj, e)
+    {
+        var shape = obj.getShape(e);
+        var changeCursor_tooltips = false
+
+        if (   shape
+            && typeof(shape['index']) == 'number'
+            && obj.Get('chart.tooltips')[shape['index']]
+           ) {
+
+            var text = RG.parseTooltipText(obj.Get('chart.tooltips'), shape['index']);
+
+            if (text) {
+
+                /**
+                * Change the cursor
+                */
+                changeCursor_tooltips = true;
+
+                if (obj.Get('chart.tooltips.event') == 'onmousemove') {
+
+                    // Show the tooltip if it's not the same as the one already visible
+                    if (
+                           !RG.Registry.Get('chart.tooltip')
+                        || RG.Registry.Get('chart.tooltip').__object__.uid != obj.uid
+                        || RG.Registry.Get('chart.tooltip').__index__ != shape['index']
+                       ) {
+
+                        RG.hideTooltip();
+                        RG.Clear(obj.canvas);
+                        RG.redraw();
+                        RG.tooltip(obj, text, e.pageX, e.pageY, shape['index']);
+                        obj.Highlight(shape);
+                    }
+                }
+            }
+        
+        /**
+        * More highlighting
+        */
+        } else if (shape && typeof(shape['index']) == 'number') {
+
+            var text = RG.parseTooltipText(obj.Get('chart.tooltips'), shape['index']);
+
+            if (text) {
+                changeCursor_tooltips = true
+            }
+        }
+
+        return changeCursor_tooltips;
+    };
+
+
+
+
+// End module pattern
+})(window, document);