rgraph-rails 4.62 → 4.64

data/vendor/assets/javascripts/RGraph.svg.rose.js

@@ -1,1818 +1,67 @@
-// 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 || {};
-
-// Module pattern
-(function (win, doc, undefined)
-{
-    var RG  = RGraph,
-        ua  = navigator.userAgent,
-        ma  = Math,
-        win = window,
-        doc = document;
-
-
-
-    RG.SVG.Rose = function (conf)
-    {
-        //
-        // A setter that the constructor uses (at the end)
-        // to set all of the properties
-        //
-        // @param string name  The name of the property to set
-        // @param string value The value to set the property to
-        //
-        this.set = function (name, value)
-        {
-            if (arguments.length === 1 && typeof name === 'object') {
-                for (i in arguments[0]) {
-                    if (typeof i === 'string') {
-                    
-                        var ret = RG.SVG.commonSetter({
-                            object: this,
-                            name:   i,
-                            value:  arguments[0][i]
-                        });
-                        
-                        name  = ret.name;
-                        value = ret.value;
-
-                        this.set(name, value);
-                    }
-                }
-            
-            } else {
-
-                var ret = RG.SVG.commonSetter({
-                    object: this,
-                    name:   name,
-                    value:  value
-                });
-                
-                name  = ret.name;
-                value = ret.value;
-
-                this.properties[name] = value;
-            }
-
-            return this;
-        };
-
-
-
-
-
-
-
-
-        this.id              = conf.id;
-        this.uid             = RG.SVG.createUID();
-        this.container       = document.getElementById(this.id);
-        this.svg             = RG.SVG.createSVG({container: this.container});
-        this.isRGraph        = true;
-        this.width           = Number(this.svg.getAttribute('width'));
-        this.height          = Number(this.svg.getAttribute('height'));
-        this.data            = RG.SVG.arrayClone(conf.data);
-        this.originalData    = RG.SVG.arrayClone(conf.data);
-        this.type            = 'rose';
-        this.angles          = [];
-        this.angles2         = [];
-        this.colorsParsed    = false;
-        this.originalColors  = {};
-        this.gradientCounter = 1;
-        this.nodes           = [];
-        this.shadowNodes     = [];
-        this.max             = 0;
-        this.redraw          = false;
-        this.highlight_node  = null;
-        
-        // Add this object to the ObjectRegistry
-        RG.SVG.OR.add(this);
-        
-        // Set the DIV container to be inline-block
-        this.container.style.display = 'inline-block';
-        
-        
-
-
-
-
-
-        this.properties =
-        {
-            centerx: null,
-            centery: null,
-            radius:  null,
-
-            gutterLeft:    35,
-            gutterRight:   35,
-            gutterTop:     35,
-            gutterBottom:  35,
-            
-            backgroundGrid: true,
-            backgroundGridColor:            '#ddd',
-            backgroundGridRadialsCount:     null,
-            backgroundGridRadialsAngleOffset: 0,
-            backgroundGridConcentricsCount: 5,
-            backgroundGridLinewidth:        1,
-
-            strokestyle: 'white',
-            colors: [
-                'red', 'black', 'orange', 'green', '#6ff', '#ccc',
-                'pink', 'orange', 'cyan', 'maroon', 'olive', 'teal'
-            ],
-            colorsOpacity: 1,
-            
-            textColor:  'black',
-            textFont:   'sans-serif',
-            textSize:   12,
-            textBold:   false,
-            textItalic: false,
-
-            labels:       [],
-            labelsFont:   null,
-            labelsSize:   null,
-            labelsColor:  null,
-            labelsBold:   null,
-            labelsItalic: null,
-            labelsRadialMargin: 10,
-            labelsAngleOffset: 0,
-
-            scaleVisible:     true,
-            scaleUnitsPre:    '',
-            scaleUnitsPost:   '',
-            scaleMax:         null,
-            scaleMin:         0,
-            scalePoint:       '.',
-            scaleThousand:    ',',
-            scaleRound:       false,
-            scaleDecimals:    0,
-            scaleFormatter:   null,
-            scaleBold:        null,
-            scaleItalic:      null,
-            scaleColor:       null,
-            scaleSize:        null,
-            scaleFont:        null,
-            scaleLabelsCount: 5,
-
-            linewidth: 1,
-            
-            tooltips:         null,
-            tooltipsOverride: null,
-            tooltipsEffect:   'fade',
-            tooltipsCssClass: 'RGraph_tooltip',
-            tooltipsEvent:    'click',
-            
-            highlightStroke: 'rgba(0,0,0,0)',
-            highlightFill: 'rgba(255,255,255,0.7)',
-            highlightLinewidth: 1,
-            
-            title: '',
-            titleSize: 16,
-            titleX: null,
-            titleY: null,
-            titleHalign: 'center',
-            titleValign: null,
-            titleColor:  'black',
-            titleFont:   null,
-            titleBold:   false,
-            titleItalic: false,
-            
-            titleSubtitle: '',
-            titleSubtitleSize: 10,
-            titleSubtitleX: null,
-            titleSubtitleY: null,
-            titleSubtitleHalign: 'center',
-            titleSubtitleValign: null,
-            titleSubtitleColor:  '#aaa',
-            titleSubtitleFont:   null,
-            titleSubtitleBold:   false,
-            titleSubtitleItalic: false,
-
-            shadow: false,
-            shadowOffsetx: 2,
-            shadowOffsety: 2,
-            shadowBlur: 2,
-            shadowOpacity: 0.25,
-
-            margin: 0,
-            exploded: 0,
-
-
-            key:            null,
-            keyColors:      null,
-            keyOffsetx:     0,
-            keyOffsety:     0,
-            keyTextOffsetx: 0,
-            keyTextOffsety: -1,
-            keyTextSize:    null,
-            keyTextBold:    null,
-            keyTextItalic:  null,
-            
-            attribution:        true,
-            attributionX:       null,
-            attributionY:       null,
-            attributionHref:    null,// Default is set in RGraph.svg.common.core.js
-            attributionHalign:  'right',
-            attributionValign:  'bottom',
-            attributionSize:    7,
-            attributionColor:   'gray',
-            attributionFont:    'sans-serif',
-            attributionItalic:  false,
-            attributionBold:    false,
-            
-            segmentsAngleOffset: 0,
-            variant: 'normal'
-        };
-
-
-
-
-
-
-        /**
-        * "Decorate" the object with the generic effects if the effects library has been included
-        */
-        if (RG.SVG.FX && typeof RG.SVG.FX.decorate === 'function') {
-            RG.SVG.FX.decorate(this);
-        }
-
-
-
-
-        var prop = this.properties;
-
-
-
-
-
-
-
-
-        //
-        // The draw method draws the Bar chart
-        //
-        this.draw = function ()
-        {
-            // Fire the beforedraw event
-            RG.SVG.fireCustomEvent(this, 'onbeforedraw');
-            
-            
-            
-            // Reset the data back to the original values
-            this.data = RG.SVG.arrayClone(this.originalData);
-
-
-
-            // Reset the angles array to stop it growing
-            this.angles  = [];
-            
-            
-            // Create the arrays in the angles2 array based on
-            // the data that we've been passed
-            for (var i=0; i<this.data.length; ++i) {
-                this.angles2[i] = [];
-            }
-
-
-
-
-
-            // Create the defs tag if necessary
-            RG.SVG.createDefs(this);
-
-
-
-
-            this.graphWidth  = this.width - prop.gutterLeft - prop.gutterRight;
-            this.graphHeight = this.height - prop.gutterTop - prop.gutterBottom;
-
-
-
-            // Work out the center point
-            this.centerx = (this.graphWidth / 2) + prop.gutterLeft;
-            this.centery = (this.graphHeight / 2) + prop.gutterTop;
-            this.radius  = ma.min(this.graphWidth, this.graphHeight) / 2;
-
-
-
-            // Allow the user to override the calculated centerx/y/radius
-            this.centerx = typeof prop.centerx === 'number' ? prop.centerx : this.centerx;
-            this.centery = typeof prop.centery === 'number' ? prop.centery : this.centery;
-            this.radius  = typeof prop.radius  === 'number' ? prop.radius  : this.radius;
-            
-            //
-            // Allow the centerx/centery/radius to be a plus/minus
-            //
-            if (typeof prop.radius  === 'string' && prop.radius.match(/^\+|-\d+$/) )  this.radius  += parseFloat(prop.radius);
-            if (typeof prop.centerx === 'string' && prop.centerx.match(/^\+|-\d+$/) ) this.centery += parseFloat(prop.centerx);
-            if (typeof prop.centery === 'string' && prop.centery.match(/^\+|-\d+$/) ) this.centerx += parseFloat(prop.centery);
-
-
-
-
-
-            //
-            // Convert the nargin from strings to a number
-            //
-            if (typeof prop.margin === 'string' && prop.margin.match(/([0-9.]+)deg/)) {
-                prop.margin = RegExp.$1 / (180 / ma.PI);
-            }
-
-
-
-
-            /**
-            * Add the data to the .originalData array and work out the max value
-            * 
-            * 2/5/14 Now also use this loop to ensure that the data pieces
-            *        are numbers
-            * 
-            * **Is this necessary **
-            */
-            //if (RG.SVG.isArray(this.data) && (typeof this.data[0] === 'number' || typeof this.data[0] === 'string')) {
-            //    this.data = [this.data];
-            //}
-
-            // Convert strings to numbers
-            for (var i=0; i<this.data.length; ++i) {
-                if (typeof this.data[i] === 'object') {
-                    for (var j=0; j<this.data[i].length; ++j) {            
-                        if (typeof this.data[i][j] === 'string') {
-                            this.data[i][j] = RG.SVG.stringsToNumbers(this.data[i][j]);
-                        }
-                    }
-                } else if (typeof this.data[i] === 'string') {
-                    this.data[i] = RG.SVG.stringsToNumbers(this.data[i]);
-                }
-            }
-
-
-
-
-
-
-
-
-
-            // Get the max value. This sets the maximum value on the
-            // this.max variable
-            this.getMaxValue();
-
-
-
-
-
-
-
-            // Parse the colors for gradients
-            RG.SVG.resetColorsToOriginalValues({object:this});
-            this.parseColors();
-
-            //
-            // Get the scale
-            //
-
-            this.scale = RG.SVG.getScale({
-                object:    this,
-                numlabels: typeof prop.scaleLabelsCount === 'number' ? prop.scaleLabelsCount : prop.backgroundGridConcentricCount,
-                unitsPre:  prop.scaleUnitsPre,
-                unitsPost: prop.scaleUnitsPost,
-                max:       typeof prop.scaleMax === 'number' ? prop.scaleMax : this.max,
-                min:       prop.scaleMin,
-                point:     prop.scalePoint,
-                round:     prop.scaleRound,
-                thousand:  prop.scaleThousand,
-                decimals:  prop.scaleDecimals,
-                strict:    typeof prop.scaleMax === 'number',
-                formatter: prop.scaleFormatter
-            });
-
-            this.max = this.scale.max;
-
-            
-            
-            // Draw the background 'grid'
-            this.drawBackground();
-
-            
-
-            // Draw the chart
-            this.drawRose();
-
-
-
-
-
-
-            // Draw the labels
-            this.drawLabels();
-
-
-
-            // Draw the title and subtitle
-            RG.SVG.drawTitle(this);
-
-
-
-
-
-
-            // Draw the key
-            if (typeof prop.key !== null && RG.SVG.drawKey) {
-                RG.SVG.drawKey(this);
-            } else if (!RGraph.SVG.isNull(prop.key)) {
-                alert('The drawKey() function does not exist - have you forgotten to include the key library?');
-            }
-
-
-
-            
-            
-            // Add the attribution link. If you're adding this elsewhere on your page/site
-            // and you don't want it displayed then there are options available to not
-            // show it.
-            RG.SVG.attribution(this);
-
-            // Create the shadow definition if needed
-            if (prop.shadow) {
-                RG.SVG.setShadow({
-                    object:  this,
-                    offsetx: prop.shadowOffsetx,
-                    offsety: prop.shadowOffsety,
-                    blur:    prop.shadowBlur,
-                    opacity: prop.shadowOpacity,
-                    id:      'dropShadow'
-                });
-            }
-
-
-
-            // Add the event listener that clears the highlight if
-            // there is any. Must be MOUSEDOWN (ie before the click event)
-            var obj = this;
-            doc.body.addEventListener('mousedown', function (e)
-            {
-                obj.hideHighlight(obj);
-            }, false);
-
-
-
-            // Fire the draw event
-            RG.SVG.fireCustomEvent(this, 'ondraw');
-
-
-
-            return this;
-        };
-
-
-
-
-
-
-
-
-        //
-        // Draw the background grid
-        //
-        this.drawBackground = function ()
-        {
-            if (prop.backgroundGrid) {
-            
-                // Create the background grid group tag
-                var grid = RG.SVG.create({
-                    svg: this.svg,
-                    parent: this.svg.all,
-                    type: 'g',
-                    attr: {
-                        className: 'rgraph_radar_grid',
-                        fill: 'rgba(0,0,0,0)',
-                        stroke: prop.backgroundGridColor
-                    }
-                });
-            
-                // Draw the concentric "rings" grid lines that are
-                // arranged around the centerx/centery along with
-                // the radials that eminate from the center outwards
-
-                var origin      = 0 - (RG.SVG.TRIG.PI / 2),
-                    radials     = (typeof prop.backgroundGridRadialsCount === 'number' ? prop.backgroundGridRadialsCount :  this.data.length),
-                    concentrics = prop.backgroundGridConcentricsCount,
-                    step        = RG.SVG.TRIG.TWOPI / radials;
-
-
-
-
-
-                // First draw the radial lines that emanate from the
-                // center outwards
-                if (radials > 0) {
-                    // This draws the radials for the non-equi-angular ONLY
-                    if (prop.variant === 'non-equi-angular') {
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-                            // Number of radials always matches the number of data pieces
-                            var radials = this.data.length;
-                            
-                            // Work out the total of the second part of each data bit
-                            for (var i=0,total=0; i<this.data.length; ++i) {
-                                total += this.data[i][1];
-                            }
-
-                            for (var i=0,sum=0; i<this.data.length; ++i) {
-
-                                var coords = RG.SVG.TRIG.toCartesian({
-                                    cx: this.centerx,
-                                    cy: this.centery,
-                                    r: this.radius,
-                                    angle: origin + ( (sum / total) * RG.SVG.TRIG.TWOPI) + prop.backgroundGridRadialsAngleOffset
-                                });
-
-                                var str = 'M {1} {2} L {3} {4}'.format(
-                                    this.centerx,
-                                    this.centery,
-                                    coords.x,
-                                    coords.y
-                                );
-            
-                                RG.SVG.create({
-                                    svg: this.svg,
-                                    type: 'path',
-                                    parent: grid,
-                                    attr: {
-                                        d: str,
-                                        stroke: prop.backgroundGridColor,
-                                        'stroke-width': prop.backgroundGridLinewidth
-                                    }
-                                });
-                                
-                                sum += this.data[i][1];
-                            }
-
-
-
-
-
-
-
-
-
-
-
-
-                    // This draws the radials for normal and STACKED Rose charts
-                    } else {
-                        for (var i=0,len=radials; i<len; ++i) {
-        
-                            var coords = RG.SVG.TRIG.toCartesian({
-                                cx: this.centerx,
-                                cy: this.centery,
-                                r: this.radius,
-                                angle: origin + (i * step) + prop.backgroundGridRadialsAngleOffset
-                            });
-        
-                            var str = 'M {1} {2} L {3} {4}'.format(
-                                this.centerx,
-                                this.centery,
-                                coords.x,
-                                coords.y
-                            );
-        
-                            RG.SVG.create({
-                                svg: this.svg,
-                                type: 'path',
-                                parent: grid,
-                                attr: {
-                                    d: str,
-                                    stroke: prop.backgroundGridColor,
-                                    'stroke-width': prop.backgroundGridLinewidth
-                                }
-                            });
-                        }
-                    }
-                }
-
-
-
-
-
-                // Draw the concentrics
-                if (concentrics > 0) {
-
-                    for (var j=1; j<=concentrics; j++) {
-
-                        // Add circle to the scene
-                        RG.SVG.create({
-                            svg: this.svg,
-                            type: 'circle',
-                            parent: grid,
-                            attr: {
-                                cx: this.centerx,
-                                cy: this.centery,
-                                r: this.radius * (j/concentrics),
-                                fill: 'transparent',
-                                stroke: prop.backgroundGridColor,
-                                'stroke-width': prop.backgroundGridLinewidth
-                            }
-                        });
-                    }
-                }
-            }
-        };
-
-
-
-
-
-
-
-
-        //
-        // Draws the radar
-        //
-        this.drawRose = function (opt)
-        {
-            // Jump to another function if we're drawing a non-equi-angular chart
-            if (prop.variant === 'non-equi-angular') {
-                return this.drawRoseNonEquiAngular(opt);
-            }
-
-
-
-
-
-
-            var radians = RG.SVG.TRIG.TWOPI / this.data.length;
-
-            var group = RG.SVG.create({
-                svg: this.svg,
-                type:'g',
-                parent: this.svg.all,
-                attr: {
-                    id: 'rgraph_rose_segments_' + this.id
-                }
-            });
-
-
-            // Now loop thru the data
-            for (var i=0,seq=0; i<this.data.length; ++i,++seq) {
-
-                var radius = (this.data[i] / this.scale.max) * this.radius,
-                    start  = (i / this.data.length) * RG.SVG.TRIG.TWOPI,
-                    end    = ((i / this.data.length) * RG.SVG.TRIG.TWOPI) + radians;
-
-                // Get the exploded distance
-                var explosion = this.getExploded({
-                    index: i,
-                    start: start - RG.SVG.TRIG.HALFPI,
-                    end: end - RG.SVG.TRIG.HALFPI
-                });
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-                // Is the data piece an array or a number?
-                if (typeof this.data[i] === 'object' && !RG.SVG.isNull(this.data[i])) {
-                
-                    // Create a group for the parts of this segment
-                    var segment_group = RG.SVG.create({
-                        svg: this.svg,
-                        type: 'g',
-                        parent: group,
-                        attr: {
-                            id: 'rose_' + this.id + '_segment_group_' + i
-                        }
-                    });
-                
-                    for (var j=0,sum=0,accRadius=0; j<this.data[i].length; ++j,++seq) {
-                    
-                        sum += this.data[i][j];
-                        
-                        var radius = (sum / this.scale.max) * this.radius;
-                        
-                        // This (I think is the OUTER curve in the segment
-                        var arcPath = RG.SVG.TRIG.getArcPath2({
-                            cx: this.centerx + explosion[0],
-                            cy: this.centery + explosion[1],
-                            r: radius,
-                            start: start + prop.margin + prop.segmentsAngleOffset,
-                            end: end - prop.margin + prop.segmentsAngleOffset,
-                            anticlockwise: false
-                        });
-                        
-                        // The inner most segment
-                        if (j === 0) {
-                            arcPath = '{1} z'.format(
-                                arcPath
-                            );
-                        } else {
-                        
-                            var arcPath2 = RG.SVG.TRIG.getArcPath2({
-                                cx: this.centerx + explosion[0],
-                                cy: this.centery + explosion[1],
-                                r: prevRadius,
-                                start: end - prop.margin + prop.segmentsAngleOffset,
-                                end: start + prop.margin + prop.segmentsAngleOffset,
-                                anticlockwise: true
-                            });
-                            arcPath = '{1} L {2} {3} {4}'.format(
-                                arcPath,
-                                this.centerx + explosion[0],
-                                this.centery + explosion[1],
-                                arcPath2
-                            );
-                        }
-
-                        var path = RG.SVG.create({
-                            svg: this.svg,
-                            type: 'path',
-                            parent: segment_group,
-                            attr: {
-                                d: arcPath,
-                                fill: prop.colorsSequential ? prop.colors[seq]  : prop.colors[j],
-                                'fill-opacity': prop.colorsOpacity,
-                                stroke: prop.strokestyle,
-                                'stroke-width': prop.linewidth,
-                                
-                                'data-tooltip': (!RG.SVG.isNull(prop.tooltips) && prop.tooltips.length) ? prop.tooltips[seq] : '',
-                                'data-index': i,
-                                'data-centerx': this.centerx + explosion[0],
-                                'data-centery': this.centery + explosion[1],
-                                'data-group': i,
-                                'data-subindex': j,
-                                'data-value': this.data[i][j],
-                                'data-start-angle': start,
-                                'data-end-angle': end,
-                                'data-radius': radius,
-                                'data-radius-inner': typeof prevRadius === 'number' ? prevRadius : 0,
-                                'data-sequential-index': seq
-                            }
-                        });
-
-
-                        // Install the tooltip listener
-                        if (prop.tooltips && prop.tooltips[seq]) {
-                        
-                            // Make the tooltipsEvent default to click
-                            if (prop.tooltipsEvent !== 'mousemove') {
-                                prop.tooltipsEvent = 'click';
-                            }
-        
-                            (function (index, group, seq, obj)
-                            {
-                                path.addEventListener(prop.tooltipsEvent, function (e)
-                                {
-                                    obj.removeHighlight();
-
-                                    // Show the tooltip
-                                    RG.SVG.tooltip({
-                                        object: obj,
-                                        group: group,
-                                        index: index,
-                                        sequentialIndex: seq,
-                                        text: prop.tooltips[seq],
-                                        event: e
-                                    });
-                                    
-                                    // Highlight the rect that has been clicked on
-                                    obj.highlight(e.target);
-                                    
-                                    var highlight = RG.SVG.REG.get('highlight');
-                                    
-                                    if (prop.tooltipsEvent === 'mousemove') {
-                                        highlight.style.cursor = 'pointer';
-                                    }
-                                    
-                                }, false);
-        
-                                // Install the event listener that changes the
-                                // cursor if necessary
-                                if (prop.tooltipsEvent === 'click') {
-                                    path.addEventListener('mousemove', function (e)
-                                    {
-                                        e.target.style.cursor = 'pointer';
-                                    }, false);
-                                }
-                                
-                            }(j, i, seq, this));
-                        }
-
-                        // Add the segment to the angles and angles2 array
-                        this.angles.push({
-                            object: path,
-                            index: seq,
-                            cx: this.centerx + explosion[0],
-                            cy: this.centery + explosion[1],
-                            start: start,
-                            end: end,
-                            radius: radius,
-                            'radius-inner': prevRadius,
-                            value: this.data[i][j]
-                        });
-
-                        this.angles2[i].push({
-                            object: path,
-                            index: seq,
-                            cx: this.centerx + explosion[0],
-                            cy: this.centery + explosion[1],
-                            start: start,
-                            end: end,
-                            radius: radius,
-                            'radius-inner': prevRadius,
-                            value: this.data[i][j]
-                        });
-                    
-                        var prevRadius = radius;
-                    }
-
-
-
-
-
-
-
-
-
-
-                    seq--;
-
-
-
-
-
-
-
-
-
-
-
-
-
-                // A regular number
-                } else {
-
-                    var arcPath = RG.SVG.TRIG.getArcPath2({
-                        cx: this.centerx + explosion[0],
-                        cy: this.centery + explosion[1],
-                        r: radius,
-                        start: start + prop.margin + prop.segmentsAngleOffset,
-                        end: end - prop.margin + prop.segmentsAngleOffset,
-                        anticlockwise: false
-                    });
-    
-                    var path = RG.SVG.create({
-                        svg: this.svg,
-                        type: 'path',
-                        parent: group,
-                        attr: {
-                            d: '{1} z'.format(
-                                arcPath
-                            ),
-                            fill: prop.colorsSequential ? prop.colors[i]  : prop.colors[0],
-                            'fill-opacity': prop.colorsOpacity,
-                            stroke: prop.strokestyle,
-                            'stroke-width': prop.linewidth,
-                            
-                            'data-tooltip': (!RG.SVG.isNull(prop.tooltips) && prop.tooltips.length) ? prop.tooltips[i] : '',
-                            'data-index': i,
-                            'data-centerx': this.centerx + explosion[0],
-                            'data-centery': this.centery + explosion[1],
-                            'data-value': this.data[i],
-                            'data-start-angle': start,
-                            'data-end-angle': end,
-                            'data-radius': radius,
-                            'data-sequential': seq
-                        }
-                    });
-
-                    // Add the segment to the angles array
-                    this.angles.push({
-                        object: path,
-                        index: i,
-                        cx: this.centerx + explosion[0],
-                        cy: this.centery + explosion[1],
-                        start: start,
-                        end: end,
-                        radius: radius,
-                        value: this.data[i]
-                    });
-
-                    this.angles2[i].push({
-                        object: path,
-                        index: seq,
-                        cx: this.centerx + explosion[0],
-                        cy: this.centery + explosion[1],
-                        start: start,
-                        end: end,
-                        radius: radius,
-                        'radius-inner': prevRadius,
-                        value: this.data[i][j]
-                    });
-
-
-
-
-                    if (prop.tooltips && prop.tooltips[i]) {
-                    
-                        // Make the tooltipsEvent default to click
-                        if (prop.tooltipsEvent !== 'mousemove') {
-                            prop.tooltipsEvent = 'click';
-                        }
-    
-                        (function (index, obj)
-                        {
-                            path.addEventListener(prop.tooltipsEvent, function (e)
-                            {
-                                obj.removeHighlight();
-    
-                                // Show the tooltip
-                                RG.SVG.tooltip({
-                                    object: obj,
-                                    index: index,
-                                    group: index,
-                                    sequentialIndex: index,
-                                    text: prop.tooltips[index],
-                                    event: e
-                                });
-                                
-                                // Highlight the rect that has been clicked on
-                                obj.highlight(e.target);
-                                
-                                var highlight = RG.SVG.REG.get('highlight');
-                                
-                                if (prop.tooltipsEvent === 'mousemove') {
-                                    highlight.style.cursor = 'pointer';
-                                }
-                                
-                            }, false);
-    
-                            // Install the event listener that changes the
-                            // cursor if necessary
-                            if (prop.tooltipsEvent === 'click') {
-                                path.addEventListener('mousemove', function (e)
-                                {
-                                    e.target.style.cursor = 'pointer';
-                                }, false);
-                            }
-                            
-                        }(i, this));
-                    }
-                }
-            }
-        };
-
-
-
-
-
-
-
-
-        //
-        // Draws the radar, but only the non-equi-angular variant
-        //
-        this.drawRoseNonEquiAngular = function (opt)
-        {
-            var group = RG.SVG.create({
-                svg: this.svg,
-                type:'g',
-                parent: this.svg.all,
-                attr: {
-                    id: 'rgraph_rose_segments_' + this.id
-                }
-            });
-            
-            //Loop through the data summing the second data-pieces
-            for (var i=0,total=0; i<this.data.length; ++i) {
-                total += parseFloat(this.data[i][1]);
-            }
-
-
-
-
-
-
-
-
-
-
-
-            // The initial angles
-            var start = 0;
-
-
-
-
-            // Now loop thru the data
-            for (var i=0,seq=0; i<this.data.length; ++i,++seq) {
-
-                var radians = (this.data[i][1] / total) * RG.SVG.TRIG.TWOPI,
-                    end     = start + radians;
-
-                // Get the exploded distance
-                var explosion = this.getExploded({
-                    index: i,
-                    start: start - RG.SVG.TRIG.HALFPI,
-                    end: end - RG.SVG.TRIG.HALFPI
-                });
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-                // A stacked non-equi-angular segment
-                if (typeof this.data[i][0] === 'object' && !RG.SVG.isNull(this.data[i][0])) {
-
-
-
-                    // Loop thru the set of values for this segment
-                    for (var j=0,sum=0; j<this.data[i][0].length; ++j,++seq) {
-
-                        sum += this.data[i][0][j];
-
-                        // First segment in the stack or not?
-                        if (j === 0) {
-                            
-                            var prevRadius = 0,
-                                radius     = (sum / this.scale.max) * this.radius;
-                            
-                            var arcPath = RG.SVG.TRIG.getArcPath2({
-                                cx: this.centerx + explosion[0],
-                                cy: this.centery + explosion[1],
-                                r: radius,
-                                start: start + prop.margin + prop.segmentsAngleOffset,
-                                end: end - prop.margin + prop.segmentsAngleOffset,
-                                anticlockwise: false
-                            });
-                            
-                            var arcPath2   = '';
-
-                        } else {
-                            
-                            var prevRadius = radius, // The previous iterations radius
-                                radius     = (sum / this.scale.max) * this.radius;
-
-                            var arcPath = RG.SVG.TRIG.getArcPath2({
-                                cx: this.centerx + explosion[0],
-                                cy: this.centery + explosion[1],
-                                r: radius,
-                                start: start + prop.margin + prop.segmentsAngleOffset,
-                                end: end - prop.margin + prop.segmentsAngleOffset,
-                                anticlockwise: false
-                            });
-
-                            var arcPath2 = RG.SVG.TRIG.getArcPath2({
-                                cx: this.centerx + explosion[0],
-                                cy: this.centery + explosion[1],
-                                r: prevRadius,
-                                start: end - prop.margin + prop.segmentsAngleOffset,
-                                end: start + prop.margin + prop.segmentsAngleOffset,
-                                anticlockwise: true
-                            });
-                        }
-
-                        var path = RG.SVG.create({
-                            svg: this.svg,
-                            type: 'path',
-                            parent: group,
-                            attr: {
-                                d: '{1} {2} z'.format(
-                                    arcPath,
-                                    arcPath2
-                                ),
-                                fill:                prop.colorsSequential ? prop.colors[seq]  : prop.colors[j],
-                                'fill-opacity':      prop.colorsOpacity,
-                                stroke:              prop.strokestyle,
-                                'stroke-width':      prop.linewidth,
-                                'data-tooltip':      (!RG.SVG.isNull(prop.tooltips) && prop.tooltips.length) ? prop.tooltips[i] : '',
-                                'data-centerx':      this.centerx + explosion[0],
-                                'data-centery':      this.centery + explosion[1],
-                                'data-index':        '[{1},{2}]'.format(i, j),
-                                'data-value':        this.data[i][0][j],
-                                'data-start-angle':  start,
-                                'data-end-angle':    end,
-                                'data-radius':       radius,
-                                'data-radius-inner': prevRadius,
-                                'data-sequential':   seq
-                            }
-                        });
-
-
-
-                        // Add the segment to the angles array
-                        this.angles.push({
-                            object: path,
-                            index: i,
-                            cx: this.centerx + explosion[0],
-                            cy: this.centery + explosion[1],
-                            start: start,
-                            end: end,
-                            radius: radius,
-                            'radius-inner': prevRadius,
-                            value: this.data[i][0]
-                        });
-                       
-                       this.angles2[i].push({
-                            object: path,
-                            index: seq,
-                            cx: this.centerx + explosion[0],
-                            cy: this.centery + explosion[1],
-                            start: start,
-                            end: end,
-                            radius: radius,
-                            'radius-inner': prevRadius,
-                            value: this.data[i][j]
-                        });
-
-
-
-
-                        // Install tooltips listeners
-                        if (prop.tooltips && prop.tooltips[seq]) {
-                        
-                            // Make the tooltipsEvent default to click
-                            if (prop.tooltipsEvent !== 'mousemove') {
-                                prop.tooltipsEvent = 'click';
-                            }
-    
-                            (function (index,group,seq,obj)
-                            {
-                                path.addEventListener(prop.tooltipsEvent, function (e)
-                                {
-                                    obj.removeHighlight();
-        
-                                    // Show the tooltip
-                                    RG.SVG.tooltip({
-                                        object: obj,
-                                        index: index,
-                                        group: group,
-                                        sequentialIndex: seq,
-                                        text: prop.tooltips[seq],
-                                        event: e
-                                    });
-                                    
-                                    // Highlight the rect that has been clicked on
-                                    obj.highlight(e.target);
-                                    
-                                    var highlight = RG.SVG.REG.get('highlight');
-                                    
-                                    if (prop.tooltipsEvent === 'mousemove') {
-                                        highlight.style.cursor = 'pointer';
-                                    }
-                                    
-                                }, false);
-        
-                                // Install the event listener that changes the
-                                // cursor if necessary
-                                if (prop.tooltipsEvent === 'click') {
-                                    path.addEventListener('mousemove', function (e)
-                                    {
-                                        e.target.style.cursor = 'pointer';
-                                    }, false);
-                                }
-                                
-                            }(j, i, seq, this));
-                        }
-                        var prevRadius = radius;
-                    }
-                    seq--
-
-
-
-                    
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-                // A regular non-equi-angular segment
-                } else {
-                    var radius = (this.data[i][0] / this.scale.max) * this.radius;
-
-                    var arcPath = RG.SVG.TRIG.getArcPath2({
-                        cx: this.centerx + explosion[0],
-                        cy: this.centery + explosion[1],
-                        r: radius,
-                        start: start + prop.margin + prop.segmentsAngleOffset,
-                        end: end - prop.margin + prop.segmentsAngleOffset,
-                        anticlockwise: false
-                    });
-
-                    var path = RG.SVG.create({
-                        svg: this.svg,
-                        type: 'path',
-                        parent: group,
-                        attr: {
-                            d: '{1} z'.format(
-                                arcPath
-                            ),
-                            fill: prop.colorsSequential ? prop.colors[i]  : prop.colors[0],
-                            'fill-opacity': prop.colorsOpacity,
-                            stroke: prop.strokestyle,
-                            'stroke-width': prop.linewidth,
-                            
-                            'data-tooltip': (!RG.SVG.isNull(prop.tooltips) && prop.tooltips.length) ? prop.tooltips[i] : '',
-                            'data-centerx': this.centerx + explosion[0],
-                            'data-centery': this.centery + explosion[1],
-                            'data-index': i,
-                            'data-value': this.data[i],
-                            'data-start-angle': start,
-                            'data-end-angle': end,
-                            'data-radius': radius,
-                            'data-sequential': seq
-                        }
-                    });
-    
-                    // Add the segment to the angles array
-                    this.angles.push({
-                        object: path,
-                        index: i,
-                        cx: this.centerx + explosion[0],
-                        cy: this.centery + explosion[1],
-                        start: start,
-                        end: end,
-                        radius: radius,
-                        value: this.data[i][0]
-                    });
-                   
-                   this.angles2[i].push({
-                        object: path,
-                        index: seq,
-                        cx: this.centerx + explosion[0],
-                        cy: this.centery + explosion[1],
-                        start: start,
-                        end: end,
-                        radius: radius,
-                        'radius-inner': 0,
-                        value: this.data[i][j]
-                    });
-    
-    
-    
-
-                    if (prop.tooltips && prop.tooltips[i]) {
-                    
-                        // Make the tooltipsEvent default to click
-                        if (prop.tooltipsEvent !== 'mousemove') {
-                            prop.tooltipsEvent = 'click';
-                        }
-    
-                        (function (index, group, seq, obj)
-                        {
-                            path.addEventListener(prop.tooltipsEvent, function (e)
-                            {
-                                obj.removeHighlight();
-    
-                                // Show the tooltip
-                                RG.SVG.tooltip({
-                                    object: obj,
-                                    index: index,
-                                    group: index,
-                                    sequentialIndex: seq,
-                                    text: prop.tooltips[index],
-                                    event: e
-                                });
-                                
-                                // Highlight the rect that has been clicked on
-                                obj.highlight(e.target);
-                                
-                                var highlight = RG.SVG.REG.get('highlight');
-                                
-                                if (prop.tooltipsEvent === 'mousemove') {
-                                    highlight.style.cursor = 'pointer';
-                                }
-                                
-                            }, false);
-    
-                            // Install the event listener that changes the
-                            // cursor if necessary
-                            if (prop.tooltipsEvent === 'click') {
-                                path.addEventListener('mousemove', function (e)
-                                {
-                                    e.target.style.cursor = 'pointer';
-                                }, false);
-                            }
-                            
-                        }(i, i, seq, this));
-                    }
-                }
-                
-                
-                // Increment the start angle for the next iteration of the loop
-                start += radians;
-            }
-        };
-
-
-
-
-
-
-
-
-        //
-        // Redraws the chart if required
-        //
-        this.redrawRose = function ()
-        {
-        };
-
-
-
-
-
-
-
-
-        //
-        // Draw the labels
-        //
-        this.drawLabels = function ()
-        {
-            // Draw the scale if required
-            if (prop.scaleVisible) {
-                for (var i=0; i<this.scale.labels.length; ++i) {
-    
-                    var x = this.centerx;
-                    var y = this.centery - (this.radius / this.scale.labels.length * (i+1) );
-    
-
-                    RG.SVG.text({
-                        object: this,
-                        svg:    this.svg,
-                        parent: this.svg.all,
-                        text:   this.scale.labels[i],
-                        size:   prop.scaleSize || prop.textSize - 2,
-                        x:       x,
-                        y:       y,
-                        halign: 'center',
-                        valign: 'center',
-                        background: 'rgba(255,255,255,0.7)',
-                        padding:2,
-                        color:  prop.scaleColor  || prop.textColor,
-                        bold:   typeof prop.scaleBold   === 'boolean' ? prop.scaleBold   : prop.textBold,
-                        italic: typeof prop.scaleItalic === 'boolean' ? prop.scaleItalic : prop.textItalic,
-                        font:   prop.scaleFont  || prop.textFont
-                    });
-                }
-    
-                // Draw the zero label
-                var str = RG.SVG.numberFormat({
-                    object:    this,
-                    num:       this.scale.min.toFixed(prop.scaleDecimals),
-                    prepend:   prop.scaleUnitsPre,
-                    append:    prop.scaleUnitsPost,
-                    point:     prop.scalePoint,
-                    thousand:  prop.scaleThousand,
-                    formatter: prop.scaleFormatter
-                });
-    
-    
-                RG.SVG.text({
-                    object: this,
-                    svg:    this.svg,
-                    parent: this.svg.all,
-                    text:   str,
-                    size:   prop.scaleSize || prop.textSize - 2,
-                    x:      this.centerx,
-                    y:      this.centery,
-                    halign: 'center',
-                    valign: 'center',
-                    background: 'rgba(255,255,255,0.7)',
-                    padding:2,
-                    color:  prop.scaleColor  || prop.textColor,
-                    bold:   typeof prop.scaleBold   === 'boolean' ? prop.scaleBold   : prop.textBold,
-                    italic: typeof prop.scaleItalic === 'boolean' ? prop.scaleItalic : prop.textItalic,
-                    font:   prop.scaleFont  || prop.textFont
-                });
-            }
-
-
-
-
-
-
-
-            // Used further down
-            var halign;
-
-            // Set a default size for the labels
-            if (typeof prop.labelsSize !== 'number') {
-                prop.labelsSize = prop.textSize + 4;
-            }
-
-
-
-            // Draw the circular labels if necessary
-            for (var i=0; i<prop.labels.length; ++i) {
-
-                if (prop.variant === 'non-equi-angular') {
-                    var angle  = ((this.angles2[i][0].end - this.angles2[i][0].start) / 2) + this.angles2[i][0].start - RG.SVG.TRIG.HALFPI;
-                } else {
-                    var angle = (((RG.SVG.TRIG.TWOPI / prop.labels.length)) * i) - RG.SVG.TRIG.HALFPI + prop.labelsAngleOffset + ((this.angles2[i][0].end - this.angles2[i][0].start) / 2);
-                }
-
-                var endpoint = RG.SVG.TRIG.getRadiusEndPoint({
-                    r:     this.radius + prop.labelsRadialMargin,
-                    angle: angle
-                });
-
-                // Accommodate the explosion for the label
-                var explosion = this.getExploded({
-                    index: i,
-                    start: this.angles2[i][0].start - RG.SVG.TRIG.HALFPI,
-                    end: this.angles2[i][0].end - RG.SVG.TRIG.HALFPI
-                });
-                
-                endpoint[0] += this.centerx + explosion[0];
-                endpoint[1] += this.centery + explosion[1];
-                
-
-                // Do the alignment based on which quadrant the label is in
-                if (ma.round(endpoint[0]) > this.centerx) {
-                    halign = 'left';
-                } else if (ma.round(endpoint[0]) === this.centerx) {
-                    halign = 'center';
-                } else {
-                    halign = 'right';
-                }
-
-
-
-
-
-                RG.SVG.text({
-                    object: this,
-                    svg:    this.svg,
-                    parent: this.svg.all,
-                    text:   typeof prop.labels[i] === 'string' ? prop.labels[i] : '',
-                    size:   prop.labelsSize,
-                    x:      endpoint[0],
-                    y:      endpoint[1],
-                    halign: halign,
-                    valign: 'center',
-                    background: 'rgba(255,255,255,0.7)',
-                    padding:2,
-                    color:  prop.labelsColor  || prop.textColor,
-                    bold:   typeof prop.labelsBold   === 'boolean' ? prop.labelsBold   : prop.textBold,
-                    italic: typeof prop.labelsItalic === 'boolean' ? prop.labelsItalic : prop.textItalic,
-                    font:   prop.labelsFont  || prop.textFont
-                });
-            }
-        };
-
-
-
-
-
-
-
-
-        /**
-        * This function can be used to highlight a segment on the chart
-        * 
-        * @param object circle The circle to highlight
-        */
-        this.highlight = function (path)
-        {
-            var path = path.getAttribute('d');
-
-            var highlight = RG.SVG.create({
-                svg: this.svg,
-                parent: this.svg.all,
-                type: 'path',
-                attr: {
-                    d: path,
-                    fill: prop.highlightFill,
-                    stroke: prop.highlightStroke,
-                    'stroke-width': prop.highlightLinewidth
-                }
-            });
-
-
-            if (prop.tooltipsEvent === 'mousemove') {
-                highlight.addEventListener('mouseout', function (e)
-                {
-                    highlight.parentNode.removeChild(highlight);
-                    RG.SVG.hideTooltip();
-
-                    RG.SVG.REG.set('highlight', null);
-                }, false);
-            }
-
-
-            // Store the highlight rect in the registry so
-            // it can be cleared later
-            RG.SVG.REG.set('highlight', highlight);
-        };
-
-
-
-
-
-
-
-
-        /**
-        * This allows for easy specification of gradients
-        */
-        this.parseColors = function () 
-        {
-            // Save the original colors so that they can be restored when the canvas is reset
-            if (!Object.keys(this.originalColors).length) {
-                this.originalColors = {
-                    colors:        RG.SVG.arrayClone(prop.colors),
-                    highlightFill: RG.SVG.arrayClone(prop.highlightFill)
-                }
-            }
-            
-            
-            // colors
-            var colors = prop.colors;
-
-            if (colors) {
-                for (var i=0; i<colors.length; ++i) {
-                    colors[i] = RG.SVG.parseColorRadial({
-                        object: this,
-                        color: colors[i]
-                    });
-                }
-            }
-            
-            // Highlight fill
-            prop.highlightFill = RG.SVG.parseColorRadial({
-                object: this,
-                color: prop.highlightFill
-            });
-        };
-
-
-
-
-
-
-
-
-        //
-        // Get the maximum value
-        //
-        this.getMaxValue = function ()
-        {
-            var max = 0;
-
-            if (prop.variant === 'non-equi-angular') {
-                for (var i=0; i<this.data.length; ++i) {
-                    if (!RG.SVG.isNull(this.data[i])) {
-                        if (typeof this.data[i][0] === 'number') {
-                            max = ma.max(max, this.data[i][0]);
-                        } else if (typeof this.data[i][0] === 'object'){
-                            max = ma.max(max, RG.SVG.arraySum(this.data[i][0]));
-                        }
-                    }
-                }
-            } else {
-                for (var i=0; i<this.data.length; ++i) {
-                    if (!RG.SVG.isNull(this.data[i])) {
-                        if (typeof this.data[i] === 'number') {
-                            max = ma.max(max, this.data[i]);
-                        } else if (typeof this.data[i] === 'object') {
-                            max = ma.max(max, RG.SVG.arraySum(this.data[i]));
-                        }
-                    }
-                }
-            }
-            
-            this.max = max;
-        };
-
-
-
-
-
-
-
-
-        //
-        // Gets the radius of a value
-        //
-        //@param number The value to get the radius for
-        //
-        this.getRadius = function (value)
-        {
-            return ( (value - prop.scaleMin) / (this.scale.max - prop.scaleMin) ) * this.radius;
-        };
-
-
-
-
-
-
-
-
-        //
-        // A roundRobin effect for the Pie chart
-        //
-        // @param object    Options for the effect
-        // @param function  An optional callback function to call when
-        //                  the effect is complete
-        //
-        this.roundRobin = function ()
-        {
-        };
-
-
-
-
-
-
-
-
-        /**
-        * Using a function to add events makes it easier to facilitate method
-        * chaining
-        * 
-        * @param string   type The type of even to add
-        * @param function func 
-        */
-        this.on = function (type, func)
-        {
-            if (type.substr(0,2) !== 'on') {
-                type = 'on' + type;
-            }
-            
-            RG.SVG.addCustomEventListener(this, type, func);
-    
-            return this;
-        };
-
-
-
-
-
-
-
-
-        //
-        // Used in chaining. Runs a function there and then - not waiting for
-        // the events to fire (eg the onbeforedraw event)
-        // 
-        // @param function func The function to execute
-        //
-        this.exec = function (func)
-        {
-            func(this);
-            
-            return this;
-        };
-
-
-
-
-
-
-
-
-        //
-        // Removes the tooltip highlight from the chart
-        //
-        this.removeHighlight =
-        this.hideHighlight   = function ()
-        {
-            var highlight = RG.SVG.REG.get('highlight');
-
-            if (highlight && this.highlight_node) {
-                this.highlight_node.setAttribute('fill','transparent');
-                this.highlight_node.setAttribute('stroke','transparent');
-                
-                RG.SVG.REG.set('highlight', null);
-            }
-        };
-
-
-
-
-
-
-
-
-        //
-        // Returns the exploded X/Y for a given explosion
-        //
-        //TODO Needs updating to current coding style, including converting
-        //     arguments to an object
-        //
-        this.getExploded = function (opt)
-        {
-            var index    = opt.index,
-                start    = opt.start,
-                end      = opt.end,
-                exploded = prop.exploded,
-                explodedX,
-                explodedY;
-
-            /**
-            * Retrieve any exploded - the exploded can be an array of numbers or a single number
-            * (which is applied to all segments)
-            */
-            if (typeof exploded === 'object' && typeof exploded[index] === 'number') {
-                explodedX = ma.cos(((end - start) / 2) + start) * exploded[index];
-                explodedY = (ma.sin(((end - start) / 2) + start) * exploded[index]);
-
-            } else if (typeof exploded === 'number') {
-                explodedX = ma.cos(((end - start) / 2) + start) * exploded;
-                explodedY = ma.sin(((end - start) / 2) + start) * exploded;
-    
-            } else {
-                explodedX = 0;
-                explodedY = 0;
-            }
-            
-            return [explodedX, explodedY];
-        };
-
-
-
-
-
-
-
-
-        //
-        // Set the options that the user has provided
-        //
-        for (i in conf.options) {
-            if (typeof i === 'string') {
-                this.set(i, conf.options[i]);
-            }
-        }
-    };
-    
-    
-    
-    return this;
-
-
-
-
-// End module pattern
-})(window, document);
+RGraph=window.RGraph||{isRGraph:true};RGraph.SVG=RGraph.SVG||{};(function(win,doc,undefined)
+{var RG=RGraph,ua=navigator.userAgent,ma=Math,win=window,doc=document;RG.SVG.Rose=function(conf)
+{this.set=function(name,value)
+{if(arguments.length===1&&typeof name==='object'){for(i in arguments[0]){if(typeof i==='string'){var ret=RG.SVG.commonSetter({object:this,name:i,value:arguments[0][i]});name=ret.name;value=ret.value;this.set(name,value);}}}else{var ret=RG.SVG.commonSetter({object:this,name:name,value:value});name=ret.name;value=ret.value;this.properties[name]=value;if(name==='colors'){this.originalColors=RG.SVG.arrayClone(value);this.colorsParsed=false;}}
+return this;};this.id=conf.id;this.uid=RG.SVG.createUID();this.container=document.getElementById(this.id);this.layers={};this.svg=RG.SVG.createSVG({object:this,container:this.container});this.isRGraph=true;this.width=Number(this.svg.getAttribute('width'));this.height=Number(this.svg.getAttribute('height'));this.data=RG.SVG.arrayClone(conf.data);this.originalData=RG.SVG.arrayClone(conf.data);this.type='rose';this.angles=[];this.angles2=[];this.colorsParsed=false;this.originalColors={};this.gradientCounter=1;this.nodes=[];this.shadowNodes=[];this.max=0;this.redraw=false;this.highlight_node=null;RG.SVG.OR.add(this);this.container.style.display='inline-block';this.properties={centerx:null,centery:null,radius:null,gutterLeft:35,gutterRight:35,gutterTop:35,gutterBottom:35,backgroundGrid:true,backgroundGridColor:'#ddd',backgroundGridRadialsCount:null,backgroundGridRadialsAngleOffset:0,backgroundGridConcentricsCount:5,backgroundGridLinewidth:1,strokestyle:'white',colors:['red','black','orange','green','#6ff','#ccc','pink','orange','cyan','maroon','olive','teal'],colorsOpacity:1,textColor:'black',textFont:'sans-serif',textSize:12,textBold:false,textItalic:false,labels:[],labelsFont:null,labelsSize:null,labelsColor:null,labelsBold:null,labelsItalic:null,labelsRadialMargin:10,labelsAngleOffset:0,scaleVisible:true,scaleUnitsPre:'',scaleUnitsPost:'',scaleMax:null,scaleMin:0,scalePoint:'.',scaleThousand:',',scaleRound:false,scaleDecimals:0,scaleFormatter:null,scaleBold:null,scaleItalic:null,scaleColor:null,scaleSize:null,scaleFont:null,scaleLabelsCount:5,linewidth:1,tooltips:null,tooltipsOverride:null,tooltipsEffect:'fade',tooltipsCssClass:'RGraph_tooltip',tooltipsEvent:'click',highlightStroke:'rgba(0,0,0,0)',highlightFill:'rgba(255,255,255,0.7)',highlightLinewidth:1,title:'',titleSize:16,titleX:null,titleY:null,titleHalign:'center',titleValign:null,titleColor:'black',titleFont:null,titleBold:false,titleItalic:false,titleSubtitle:'',titleSubtitleSize:10,titleSubtitleX:null,titleSubtitleY:null,titleSubtitleHalign:'center',titleSubtitleValign:null,titleSubtitleColor:'#aaa',titleSubtitleFont:null,titleSubtitleBold:false,titleSubtitleItalic:false,shadow:false,shadowOffsetx:2,shadowOffsety:2,shadowBlur:2,shadowOpacity:0.25,margin:0,exploded:0,key:null,keyColors:null,keyOffsetx:0,keyOffsety:0,keyTextOffsetx:0,keyTextOffsety:-1,keyTextSize:null,keyTextBold:null,keyTextItalic:null,segmentsAngleOffset:0,variant:'normal'};RG.SVG.getGlobals(this);if(RG.SVG.FX&&typeof RG.SVG.FX.decorate==='function'){RG.SVG.FX.decorate(this);}
+var prop=this.properties;this.draw=function()
+{RG.SVG.fireCustomEvent(this,'onbeforedraw');this.data=RG.SVG.arrayClone(this.originalData);this.angles=[];for(var i=0;i<this.data.length;++i){this.angles2[i]=[];}
+RG.SVG.createDefs(this);this.graphWidth=this.width-prop.gutterLeft-prop.gutterRight;this.graphHeight=this.height-prop.gutterTop-prop.gutterBottom;this.centerx=(this.graphWidth/2)+prop.gutterLeft;this.centery=(this.graphHeight/2)+prop.gutterTop;this.radius=ma.min(this.graphWidth,this.graphHeight)/2;this.centerx=typeof prop.centerx==='number'?prop.centerx:this.centerx;this.centery=typeof prop.centery==='number'?prop.centery:this.centery;this.radius=typeof prop.radius==='number'?prop.radius:this.radius;if(typeof prop.radius==='string'&&prop.radius.match(/^\+|-\d+$/))this.radius+=parseFloat(prop.radius);if(typeof prop.centerx==='string'&&prop.centerx.match(/^\+|-\d+$/))this.centery+=parseFloat(prop.centerx);if(typeof prop.centery==='string'&&prop.centery.match(/^\+|-\d+$/))this.centerx+=parseFloat(prop.centery);if(typeof prop.margin==='string'&&prop.margin.match(/([0-9.]+)deg/)){prop.margin=RegExp.$1/(180/ma.PI);}
+for(var i=0;i<this.data.length;++i){if(typeof this.data[i]==='object'){for(var j=0;j<this.data[i].length;++j){if(typeof this.data[i][j]==='string'){this.data[i][j]=RG.SVG.stringsToNumbers(this.data[i][j]);}}}else if(typeof this.data[i]==='string'){this.data[i]=RG.SVG.stringsToNumbers(this.data[i]);}}
+this.getMaxValue();RG.SVG.resetColorsToOriginalValues({object:this});this.parseColors();this.scale=RG.SVG.getScale({object:this,numlabels:typeof prop.scaleLabelsCount==='number'?prop.scaleLabelsCount:prop.backgroundGridConcentricCount,unitsPre:prop.scaleUnitsPre,unitsPost:prop.scaleUnitsPost,max:typeof prop.scaleMax==='number'?prop.scaleMax:this.max,min:prop.scaleMin,point:prop.scalePoint,round:prop.scaleRound,thousand:prop.scaleThousand,decimals:prop.scaleDecimals,strict:typeof prop.scaleMax==='number',formatter:prop.scaleFormatter});this.max=this.scale.max;this.drawBackground();this.drawRose();this.drawLabels();RG.SVG.drawTitle(this);if(typeof prop.key!==null&&RG.SVG.drawKey){RG.SVG.drawKey(this);}else if(!RGraph.SVG.isNull(prop.key)){alert('The drawKey() function does not exist - have you forgotten to include the key library?');}
+RG.SVG.attribution(this);if(prop.shadow){RG.SVG.setShadow({object:this,offsetx:prop.shadowOffsetx,offsety:prop.shadowOffsety,blur:prop.shadowBlur,opacity:prop.shadowOpacity,id:'dropShadow'});}
+var obj=this;doc.body.addEventListener('mousedown',function(e)
+{obj.hideHighlight(obj);},false);RG.SVG.fireCustomEvent(this,'ondraw');return this;};this.drawBackground=function()
+{if(prop.backgroundGrid){var grid=RG.SVG.create({svg:this.svg,parent:this.svg.all,type:'g',attr:{className:'rgraph_radar_grid',fill:'rgba(0,0,0,0)',stroke:prop.backgroundGridColor}});var origin=0-(RG.SVG.TRIG.PI/2),radials=(typeof prop.backgroundGridRadialsCount==='number'?prop.backgroundGridRadialsCount:this.data.length),concentrics=prop.backgroundGridConcentricsCount,step=RG.SVG.TRIG.TWOPI/radials;if(radials>0){if(prop.variant==='non-equi-angular'){var radials=this.data.length;for(var i=0,total=0;i<this.data.length;++i){total+=this.data[i][1];}
+for(var i=0,sum=0;i<this.data.length;++i){var coords=RG.SVG.TRIG.toCartesian({cx:this.centerx,cy:this.centery,r:this.radius,angle:origin+((sum/total)*RG.SVG.TRIG.TWOPI)+prop.backgroundGridRadialsAngleOffset});var str='M {1} {2} L {3} {4}'.format(this.centerx,this.centery,coords.x,coords.y);RG.SVG.create({svg:this.svg,type:'path',parent:grid,attr:{d:str,stroke:prop.backgroundGridColor,'stroke-width':prop.backgroundGridLinewidth}});sum+=this.data[i][1];}}else{for(var i=0,len=radials;i<len;++i){var coords=RG.SVG.TRIG.toCartesian({cx:this.centerx,cy:this.centery,r:this.radius,angle:origin+(i*step)+prop.backgroundGridRadialsAngleOffset});var str='M {1} {2} L {3} {4}'.format(this.centerx,this.centery,coords.x,coords.y);RG.SVG.create({svg:this.svg,type:'path',parent:grid,attr:{d:str,stroke:prop.backgroundGridColor,'stroke-width':prop.backgroundGridLinewidth}});}}}
+if(concentrics>0){for(var j=1;j<=concentrics;j++){RG.SVG.create({svg:this.svg,type:'circle',parent:grid,attr:{cx:this.centerx,cy:this.centery,r:this.radius*(j/concentrics),fill:'transparent',stroke:prop.backgroundGridColor,'stroke-width':prop.backgroundGridLinewidth}});}}}};this.drawRose=function(opt)
+{if(prop.variant==='non-equi-angular'){return this.drawRoseNonEquiAngular(opt);}
+var radians=RG.SVG.TRIG.TWOPI/this.data.length;var group=RG.SVG.create({svg:this.svg,type:'g',parent:this.svg.all,attr:{id:'rgraph_rose_segments_'+this.id}});for(var i=0,seq=0;i<this.data.length;++i,++seq){var radius=(this.data[i]/this.scale.max)*this.radius,start=(i/this.data.length)*RG.SVG.TRIG.TWOPI,end=((i/this.data.length)*RG.SVG.TRIG.TWOPI)+radians;var explosion=this.getExploded({index:i,start:start-RG.SVG.TRIG.HALFPI,end:end-RG.SVG.TRIG.HALFPI});if(typeof this.data[i]==='object'&&!RG.SVG.isNull(this.data[i])){var segment_group=RG.SVG.create({svg:this.svg,type:'g',parent:group,attr:{id:'rose_'+this.id+'_segment_group_'+i}});for(var j=0,sum=0,accRadius=0;j<this.data[i].length;++j,++seq){sum+=this.data[i][j];var radius=(sum/this.scale.max)*this.radius;var arcPath=RG.SVG.TRIG.getArcPath2({cx:this.centerx+explosion[0],cy:this.centery+explosion[1],r:radius,start:start+prop.margin+prop.segmentsAngleOffset,end:end-prop.margin+prop.segmentsAngleOffset,anticlockwise:false});if(j===0){arcPath='{1} z'.format(arcPath);}else{var arcPath2=RG.SVG.TRIG.getArcPath2({cx:this.centerx+explosion[0],cy:this.centery+explosion[1],r:prevRadius,start:end-prop.margin+prop.segmentsAngleOffset,end:start+prop.margin+prop.segmentsAngleOffset,anticlockwise:true});arcPath='{1} L {2} {3} {4}'.format(arcPath,this.centerx+explosion[0],this.centery+explosion[1],arcPath2);}
+var path=RG.SVG.create({svg:this.svg,type:'path',parent:segment_group,attr:{d:arcPath,fill:prop.colorsSequential?prop.colors[seq]:prop.colors[j],'fill-opacity':prop.colorsOpacity,stroke:prop.strokestyle,'stroke-width':prop.linewidth,'data-tooltip':(!RG.SVG.isNull(prop.tooltips)&&prop.tooltips.length)?prop.tooltips[seq]:'','data-index':i,'data-centerx':this.centerx+explosion[0],'data-centery':this.centery+explosion[1],'data-group':i,'data-subindex':j,'data-value':this.data[i][j],'data-start-angle':start,'data-end-angle':end,'data-radius':radius,'data-radius-inner':typeof prevRadius==='number'?prevRadius:0,'data-sequential-index':seq}});if(prop.tooltips&&prop.tooltips[seq]){if(prop.tooltipsEvent!=='mousemove'){prop.tooltipsEvent='click';}
+(function(index,group,seq,obj)
+{path.addEventListener(prop.tooltipsEvent,function(e)
+{obj.removeHighlight();RG.SVG.tooltip({object:obj,group:group,index:index,sequentialIndex:seq,text:prop.tooltips[seq],event:e});obj.highlight(e.target);var highlight=RG.SVG.REG.get('highlight');if(prop.tooltipsEvent==='mousemove'){highlight.style.cursor='pointer';}},false);if(prop.tooltipsEvent==='click'){path.addEventListener('mousemove',function(e)
+{e.target.style.cursor='pointer';},false);}}(j,i,seq,this));}
+this.angles.push({object:path,index:seq,cx:this.centerx+explosion[0],cy:this.centery+explosion[1],start:start,end:end,radius:radius,'radius-inner':prevRadius,value:this.data[i][j]});this.angles2[i].push({object:path,index:seq,cx:this.centerx+explosion[0],cy:this.centery+explosion[1],start:start,end:end,radius:radius,'radius-inner':prevRadius,value:this.data[i][j]});var prevRadius=radius;}
+seq--;}else{var arcPath=RG.SVG.TRIG.getArcPath2({cx:this.centerx+explosion[0],cy:this.centery+explosion[1],r:radius,start:start+prop.margin+prop.segmentsAngleOffset,end:end-prop.margin+prop.segmentsAngleOffset,anticlockwise:false});var path=RG.SVG.create({svg:this.svg,type:'path',parent:group,attr:{d:'{1} z'.format(arcPath),fill:prop.colorsSequential?prop.colors[i]:prop.colors[0],'fill-opacity':prop.colorsOpacity,stroke:prop.strokestyle,'stroke-width':prop.linewidth,'data-tooltip':(!RG.SVG.isNull(prop.tooltips)&&prop.tooltips.length)?prop.tooltips[i]:'','data-index':i,'data-centerx':this.centerx+explosion[0],'data-centery':this.centery+explosion[1],'data-value':this.data[i],'data-start-angle':start,'data-end-angle':end,'data-radius':radius,'data-sequential':seq}});this.angles.push({object:path,index:i,cx:this.centerx+explosion[0],cy:this.centery+explosion[1],start:start,end:end,radius:radius,value:this.data[i]});this.angles2[i].push({object:path,index:seq,cx:this.centerx+explosion[0],cy:this.centery+explosion[1],start:start,end:end,radius:radius,'radius-inner':prevRadius,value:this.data[i][j]});if(prop.tooltips&&prop.tooltips[i]){if(prop.tooltipsEvent!=='mousemove'){prop.tooltipsEvent='click';}
+(function(index,obj)
+{path.addEventListener(prop.tooltipsEvent,function(e)
+{obj.removeHighlight();RG.SVG.tooltip({object:obj,index:index,group:index,sequentialIndex:index,text:prop.tooltips[index],event:e});obj.highlight(e.target);var highlight=RG.SVG.REG.get('highlight');if(prop.tooltipsEvent==='mousemove'){highlight.style.cursor='pointer';}},false);if(prop.tooltipsEvent==='click'){path.addEventListener('mousemove',function(e)
+{e.target.style.cursor='pointer';},false);}}(i,this));}}}};this.drawRoseNonEquiAngular=function(opt)
+{var group=RG.SVG.create({svg:this.svg,type:'g',parent:this.svg.all,attr:{id:'rgraph_rose_segments_'+this.id}});for(var i=0,total=0;i<this.data.length;++i){total+=parseFloat(this.data[i][1]);}
+var start=0;for(var i=0,seq=0;i<this.data.length;++i,++seq){var radians=(this.data[i][1]/total)*RG.SVG.TRIG.TWOPI,end=start+radians;var explosion=this.getExploded({index:i,start:start-RG.SVG.TRIG.HALFPI,end:end-RG.SVG.TRIG.HALFPI});if(typeof this.data[i][0]==='object'&&!RG.SVG.isNull(this.data[i][0])){for(var j=0,sum=0;j<this.data[i][0].length;++j,++seq){sum+=this.data[i][0][j];if(j===0){var prevRadius=0,radius=(sum/this.scale.max)*this.radius;var arcPath=RG.SVG.TRIG.getArcPath2({cx:this.centerx+explosion[0],cy:this.centery+explosion[1],r:radius,start:start+prop.margin+prop.segmentsAngleOffset,end:end-prop.margin+prop.segmentsAngleOffset,anticlockwise:false});var arcPath2='';}else{var prevRadius=radius,radius=(sum/this.scale.max)*this.radius;var arcPath=RG.SVG.TRIG.getArcPath2({cx:this.centerx+explosion[0],cy:this.centery+explosion[1],r:radius,start:start+prop.margin+prop.segmentsAngleOffset,end:end-prop.margin+prop.segmentsAngleOffset,anticlockwise:false});var arcPath2=RG.SVG.TRIG.getArcPath2({cx:this.centerx+explosion[0],cy:this.centery+explosion[1],r:prevRadius,start:end-prop.margin+prop.segmentsAngleOffset,end:start+prop.margin+prop.segmentsAngleOffset,anticlockwise:true});}
+var path=RG.SVG.create({svg:this.svg,type:'path',parent:group,attr:{d:'{1} {2} z'.format(arcPath,arcPath2),fill:prop.colorsSequential?prop.colors[seq]:prop.colors[j],'fill-opacity':prop.colorsOpacity,stroke:prop.strokestyle,'stroke-width':prop.linewidth,'data-tooltip':(!RG.SVG.isNull(prop.tooltips)&&prop.tooltips.length)?prop.tooltips[i]:'','data-centerx':this.centerx+explosion[0],'data-centery':this.centery+explosion[1],'data-index':'[{1},{2}]'.format(i,j),'data-value':this.data[i][0][j],'data-start-angle':start,'data-end-angle':end,'data-radius':radius,'data-radius-inner':prevRadius,'data-sequential':seq}});this.angles.push({object:path,index:i,cx:this.centerx+explosion[0],cy:this.centery+explosion[1],start:start,end:end,radius:radius,'radius-inner':prevRadius,value:this.data[i][0]});this.angles2[i].push({object:path,index:seq,cx:this.centerx+explosion[0],cy:this.centery+explosion[1],start:start,end:end,radius:radius,'radius-inner':prevRadius,value:this.data[i][j]});if(prop.tooltips&&prop.tooltips[seq]){if(prop.tooltipsEvent!=='mousemove'){prop.tooltipsEvent='click';}
+(function(index,group,seq,obj)
+{path.addEventListener(prop.tooltipsEvent,function(e)
+{obj.removeHighlight();RG.SVG.tooltip({object:obj,index:index,group:group,sequentialIndex:seq,text:prop.tooltips[seq],event:e});obj.highlight(e.target);var highlight=RG.SVG.REG.get('highlight');if(prop.tooltipsEvent==='mousemove'){highlight.style.cursor='pointer';}},false);if(prop.tooltipsEvent==='click'){path.addEventListener('mousemove',function(e)
+{e.target.style.cursor='pointer';},false);}}(j,i,seq,this));}
+var prevRadius=radius;}
+seq--}else{var radius=(this.data[i][0]/this.scale.max)*this.radius;var arcPath=RG.SVG.TRIG.getArcPath2({cx:this.centerx+explosion[0],cy:this.centery+explosion[1],r:radius,start:start+prop.margin+prop.segmentsAngleOffset,end:end-prop.margin+prop.segmentsAngleOffset,anticlockwise:false});var path=RG.SVG.create({svg:this.svg,type:'path',parent:group,attr:{d:'{1} z'.format(arcPath),fill:prop.colorsSequential?prop.colors[i]:prop.colors[0],'fill-opacity':prop.colorsOpacity,stroke:prop.strokestyle,'stroke-width':prop.linewidth,'data-tooltip':(!RG.SVG.isNull(prop.tooltips)&&prop.tooltips.length)?prop.tooltips[i]:'','data-centerx':this.centerx+explosion[0],'data-centery':this.centery+explosion[1],'data-index':i,'data-value':this.data[i],'data-start-angle':start,'data-end-angle':end,'data-radius':radius,'data-sequential':seq}});this.angles.push({object:path,index:i,cx:this.centerx+explosion[0],cy:this.centery+explosion[1],start:start,end:end,radius:radius,value:this.data[i][0]});this.angles2[i].push({object:path,index:seq,cx:this.centerx+explosion[0],cy:this.centery+explosion[1],start:start,end:end,radius:radius,'radius-inner':0,value:this.data[i][j]});if(prop.tooltips&&prop.tooltips[i]){if(prop.tooltipsEvent!=='mousemove'){prop.tooltipsEvent='click';}
+(function(index,group,seq,obj)
+{path.addEventListener(prop.tooltipsEvent,function(e)
+{obj.removeHighlight();RG.SVG.tooltip({object:obj,index:index,group:index,sequentialIndex:seq,text:prop.tooltips[index],event:e});obj.highlight(e.target);var highlight=RG.SVG.REG.get('highlight');if(prop.tooltipsEvent==='mousemove'){highlight.style.cursor='pointer';}},false);if(prop.tooltipsEvent==='click'){path.addEventListener('mousemove',function(e)
+{e.target.style.cursor='pointer';},false);}}(i,i,seq,this));}}
+start+=radians;}};this.redrawRose=function()
+{};this.drawLabels=function()
+{if(prop.scaleVisible){for(var i=0;i<this.scale.labels.length;++i){var x=this.centerx;var y=this.centery-(this.radius/this.scale.labels.length*(i+1));RG.SVG.text({object:this,svg:this.svg,parent:this.svg.all,text:this.scale.labels[i],size:prop.scaleSize||prop.textSize-2,x:x,y:y,halign:'center',valign:'center',background:'rgba(255,255,255,0.7)',padding:2,color:prop.scaleColor||prop.textColor,bold:typeof prop.scaleBold==='boolean'?prop.scaleBold:prop.textBold,italic:typeof prop.scaleItalic==='boolean'?prop.scaleItalic:prop.textItalic,font:prop.scaleFont||prop.textFont});}
+var str=RG.SVG.numberFormat({object:this,num:this.scale.min.toFixed(prop.scaleDecimals),prepend:prop.scaleUnitsPre,append:prop.scaleUnitsPost,point:prop.scalePoint,thousand:prop.scaleThousand,formatter:prop.scaleFormatter});RG.SVG.text({object:this,svg:this.svg,parent:this.svg.all,text:str,size:prop.scaleSize||prop.textSize-2,x:this.centerx,y:this.centery,halign:'center',valign:'center',background:'rgba(255,255,255,0.7)',padding:2,color:prop.scaleColor||prop.textColor,bold:typeof prop.scaleBold==='boolean'?prop.scaleBold:prop.textBold,italic:typeof prop.scaleItalic==='boolean'?prop.scaleItalic:prop.textItalic,font:prop.scaleFont||prop.textFont});}
+var halign;if(typeof prop.labelsSize!=='number'){prop.labelsSize=prop.textSize+4;}
+for(var i=0;i<prop.labels.length;++i){if(prop.variant==='non-equi-angular'){var angle=((this.angles2[i][0].end-this.angles2[i][0].start)/2)+this.angles2[i][0].start-RG.SVG.TRIG.HALFPI;}else{var angle=(((RG.SVG.TRIG.TWOPI/prop.labels.length))*i)-RG.SVG.TRIG.HALFPI+prop.labelsAngleOffset+((this.angles2[i][0].end-this.angles2[i][0].start)/2);}
+var endpoint=RG.SVG.TRIG.getRadiusEndPoint({r:this.radius+prop.labelsRadialMargin,angle:angle});var explosion=this.getExploded({index:i,start:this.angles2[i][0].start-RG.SVG.TRIG.HALFPI,end:this.angles2[i][0].end-RG.SVG.TRIG.HALFPI});endpoint[0]+=this.centerx+explosion[0];endpoint[1]+=this.centery+explosion[1];if(ma.round(endpoint[0])>this.centerx){halign='left';}else if(ma.round(endpoint[0])===this.centerx){halign='center';}else{halign='right';}
+RG.SVG.text({object:this,svg:this.svg,parent:this.svg.all,text:typeof prop.labels[i]==='string'?prop.labels[i]:'',size:prop.labelsSize,x:endpoint[0],y:endpoint[1],halign:halign,valign:'center',background:'rgba(255,255,255,0.7)',padding:2,color:prop.labelsColor||prop.textColor,bold:typeof prop.labelsBold==='boolean'?prop.labelsBold:prop.textBold,italic:typeof prop.labelsItalic==='boolean'?prop.labelsItalic:prop.textItalic,font:prop.labelsFont||prop.textFont});}};this.highlight=function(path)
+{var path=path.getAttribute('d');var highlight=RG.SVG.create({svg:this.svg,parent:this.svg.all,type:'path',attr:{d:path,fill:prop.highlightFill,stroke:prop.highlightStroke,'stroke-width':prop.highlightLinewidth}});if(prop.tooltipsEvent==='mousemove'){highlight.addEventListener('mouseout',function(e)
+{highlight.parentNode.removeChild(highlight);RG.SVG.hideTooltip();RG.SVG.REG.set('highlight',null);},false);}
+RG.SVG.REG.set('highlight',highlight);};this.parseColors=function()
+{if(!Object.keys(this.originalColors).length){this.originalColors={colors:RG.SVG.arrayClone(prop.colors),highlightFill:RG.SVG.arrayClone(prop.highlightFill)}}
+var colors=prop.colors;if(colors){for(var i=0;i<colors.length;++i){colors[i]=RG.SVG.parseColorRadial({object:this,color:colors[i]});}}
+prop.highlightFill=RG.SVG.parseColorRadial({object:this,color:prop.highlightFill});};this.getMaxValue=function()
+{var max=0;if(prop.variant==='non-equi-angular'){for(var i=0;i<this.data.length;++i){if(!RG.SVG.isNull(this.data[i])){if(typeof this.data[i][0]==='number'){max=ma.max(max,this.data[i][0]);}else if(typeof this.data[i][0]==='object'){max=ma.max(max,RG.SVG.arraySum(this.data[i][0]));}}}}else{for(var i=0;i<this.data.length;++i){if(!RG.SVG.isNull(this.data[i])){if(typeof this.data[i]==='number'){max=ma.max(max,this.data[i]);}else if(typeof this.data[i]==='object'){max=ma.max(max,RG.SVG.arraySum(this.data[i]));}}}}
+this.max=max;};this.getRadius=function(value)
+{return((value-prop.scaleMin)/(this.scale.max-prop.scaleMin))*this.radius;};this.roundRobin=function()
+{};this.on=function(type,func)
+{if(type.substr(0,2)!=='on'){type='on'+type;}
+RG.SVG.addCustomEventListener(this,type,func);return this;};this.exec=function(func)
+{func(this);return this;};this.removeHighlight=this.hideHighlight=function()
+{var highlight=RG.SVG.REG.get('highlight');if(highlight&&this.highlight_node){this.highlight_node.setAttribute('fill','transparent');this.highlight_node.setAttribute('stroke','transparent');RG.SVG.REG.set('highlight',null);}};this.getExploded=function(opt)
+{var index=opt.index,start=opt.start,end=opt.end,exploded=prop.exploded,explodedX,explodedY;if(typeof exploded==='object'&&typeof exploded[index]==='number'){explodedX=ma.cos(((end-start)/2)+start)*exploded[index];explodedY=(ma.sin(((end-start)/2)+start)*exploded[index]);}else if(typeof exploded==='number'){explodedX=ma.cos(((end-start)/2)+start)*exploded;explodedY=ma.sin(((end-start)/2)+start)*exploded;}else{explodedX=0;explodedY=0;}
+return[explodedX,explodedY];};for(i in conf.options){if(typeof i==='string'){this.set(i,conf.options[i]);}}};return this;})(window,document);