rgraph-rails 4.62 → 4.64

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

@@ -1,866 +1,29 @@
-// 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.SemiCircularProgress = 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.min             = RG.SVG.stringsToNumbers(conf.min);
-        this.max             = RG.SVG.stringsToNumbers(conf.max);
-        this.value           = RG.SVG.stringsToNumbers(conf.value);
-        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            = conf.data;
-        this.type            = 'semicircularprogress';
-        this.angles          = [];
-        this.colorsParsed    = false;
-        this.originalColors  = {};
-        this.gradientCounter = 1;
-        this.nodes           = [];
-        this.shadowNodes     = [];
-
-        // 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,
-            
-            width: 60,
-
-            gutterLeft:    35,
-            gutterRight:   35,
-            gutterTop:     35,
-            gutterBottom:  35,
-
-            backgroundStrokeLinewidth: 0.25,
-            backgroundStroke:          'gray',
-            backgroundFill:            'Gradient(white:#aaa)',
-            backgroundFillOpacity:     0.25,
-
-            colors: ['#0c0'],
-            strokestyle: '#666',
-
-            textColor:      'gray',
-            textFont:       'sans-serif',
-            textSize:       10,
-            textBold:       false,
-            textItalic:     false,
-            unitsPre:       '',
-            unitsPost:      '',
-            scalePoint:     '.',
-            scaleThousand:  ',',
-            scaleDecimals:  0,
-            scaleFormatter: null,
-            
-            labelsMin:          true,
-            labelsMinSpecific:  null,
-            labelsMinPoint:     null,
-            labelsMinThousand:  null,
-            labelsMinFormatter: null,
-            labelsMinFont:      null,
-            labelsMinSize:      null,
-            labelsMinBold:      null,
-            labelsMinItalic:    null,
-            labelsMinColor:     null,
-            labelsMinDecimals:  null,
-            labelsMinUnitsPre:  null,
-            labelsMinUnitsPost: null,
-            
-            labelsMax:          true,
-            labelsMaxSpecific:  null,
-            labelsMaxPoint:     null,
-            labelsMaxThousand:  null,
-            labelsMaxFormatter: null,
-            labelsMaxFont:      null,
-            labelsMaxSize:      null,
-            labelsMaxBold:      null,
-            labelsMaxItalic:    null,
-            labelsMaxColor:     null,
-            labelsMaxDecimals:  null,
-            labelsMaxUnitsPre:  null,
-            labelsMaxUnitsPost: null,
-            
-            labelsCenter:          true,
-            labelsCenterSpecific:  null,
-            labelsCenterPoint:     null,
-            labelsCenterThousand:  null,
-            labelsCenterFormatter: null,
-            labelsCenterFont:      null,
-            labelsCenterSize:      40,
-            labelsCenterBold:      true,
-            labelsCenterItalic:    null,
-            labelsCenterColor:     '#666',
-            labelsCenterDecimals:  null,
-            labelsCenterUnitsPre:  null,
-            labelsCenterUnitsPost: null,
-            
-            linewidth: 0,
-
-            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,
-            
-            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
-
-            //shadow: false,
-            //shadowOffsetx: 2,
-            //shadowOffsety: 2,
-            //shadowBlur: 2,
-            //shadowOpacity: 0.25
-        };
-
-
-
-
-
-        /**
-        * "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');
-
-
-
-
-            // Create the defs tag if necessary
-            RG.SVG.createDefs(this);
-
-
-
-            // Add these
-            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.height - prop.gutterBottom;
-            this.radius  = ma.min(this.graphWidth / 2, this.graphHeight);
-
-
-
-            // 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);
-            
-            // Set the width of the meter
-            this.progressWidth = prop.width || (this.radius / 3);
-            
-            
-            
-            // Parse the colors for gradients
-            RG.SVG.resetColorsToOriginalValues({object:this});
-            this.parseColors();
-
-
-
-
-
-            // Draw the segments
-            this.path = this.drawMeter();
-
-
-
-            // Draw the title and subtitle
-            RG.SVG.drawTitle(this);
-
-
-
-            // Draw the labels
-            this.drawLabels();
-            
-            
-
-            
-            
-            // 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);
-
-
-
-            // Add the tooltip event listener
-            if (!RG.SVG.isNull(prop.tooltips) && prop.tooltips[0]) {
-
-                var obj = this;
-
-                //
-                // Add tooltip event listeners
-                //
-                this.path.addEventListener(prop.tooltipsEvent, function (e)
-                {
-                    obj.removeHighlight();
-                
-                    // Show the tooltip
-                    RG.SVG.tooltip({
-                        object: obj,
-                        index: 0,
-                        group: null,
-                        sequentialIndex: 0,
-                        text: prop.tooltips[0],
-                        event: e
-                    });
-                    
-                    // Highlight the rect that has been clicked on
-                    obj.highlight(e.target);
-                }, false);
-                
-                this.path.addEventListener('mousemove', function (e)
-                {
-                    e.target.style.cursor = 'pointer'
-                }, false);
-            }
-
-
-            // 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.removeHighlight();
-            }, false);
-
-
-
-            // Fire the draw event
-            RG.SVG.fireCustomEvent(this, 'ondraw');
-
-
-
-            return this;
-        };
-
-
-
-
-
-
-
-
-        //
-        // Draws the meter
-        //
-        this.drawMeter = function ()
-        {
-            //
-            // Draw the background to the meter
-            //
-            var path = RG.SVG.TRIG.getArcPath({
-                cx: this.centerx,
-                cy: this.centery,
-                r:  this.radius,
-                start: RG.SVG.TRIG.PI + RG.SVG.TRIG.HALFPI,
-                end: RG.SVG.TRIG.HALFPI,
-                anticlockwise: false
-            }); 
-            
-            var path2 = RG.SVG.TRIG.getArcPath({
-                cx: this.centerx,
-                cy: this.centery,
-                r:  this.radius - this.progressWidth,
-                end: RG.SVG.TRIG.PI + RG.SVG.TRIG.HALFPI,
-                start: RG.SVG.TRIG.HALFPI,
-                anticlockwise: true,
-                moveto: false
-            });
-
-            RG.SVG.create({
-                svg: this.svg,
-                type: 'path',
-                parent: this.svg.all,
-                attr: {
-                    d: path + " L " + (this.centerx + this.radius - this.progressWidth)  + " " + this.centery + path2 + " L " + (this.centerx - this.radius) + " " + this.centery,
-                    fill:           prop.backgroundFill || prop.colors[0],
-                    stroke:         prop.backgroundStroke,
-                    'stroke-width': prop.backgroundStrokeLinewidth,
-                    'fill-opacity': prop.backgroundFillOpacity
-                }
-            });
-
-
-
-            //
-            // This draws the bar that indicates the value
-            //
-            var angle = ((this.value - this.min) / (this.max - this.min)) * RG.SVG.TRIG.PI; // Because the Meter is always a semi-circle
-
-            // Take off half a pi because our origin is the noth axis
-            angle -= RG.SVG.TRIG.HALFPI;
-
-
-            // Now get the path of the inner indicator bar
-            var path = RG.SVG.TRIG.getArcPath({
-                cx: this.centerx,
-                cy: this.centery,
-                r:  this.radius,
-                start: RG.SVG.TRIG.PI + RG.SVG.TRIG.HALFPI,
-                end: angle,
-                anticlockwise: false
-            });
-            
-            var path2 = RG.SVG.TRIG.getArcPath({
-                cx: this.centerx,
-                cy: this.centery,
-                r:  this.radius - this.progressWidth,
-                start: angle,
-                end: angle,
-                anticlockwise: false,
-                array: true
-            });
-
-            var path3 = RG.SVG.TRIG.getArcPath({
-                cx: this.centerx,
-                cy: this.centery,
-                r:  this.radius - this.progressWidth,
-                start: angle,
-                end: RG.SVG.TRIG.PI + RG.SVG.TRIG.HALFPI,
-                anticlockwise: true,
-                moveto: false
-            });
-            
-            
-            // Now draw the path
-            var path = RG.SVG.create({
-                svg: this.svg,
-                type: 'path',
-                parent: this.svg.all,
-                attr: {
-                    d: path + " L{1} {2} ".format(
-                        path2[1],
-                        path2[2]
-                    ) + path3 + ' z',
-                    fill: prop.colors[0],
-                    stroke: 'black',
-                    'stroke-width': prop.linewidth
-                }
-            });
-            
-            return path;
-        };
-
-
-
-
-
-
-
-
-        //
-        // Draw the labels
-        //
-        this.drawLabels = function ()
-        {
-            // Draw the min label
-            if (prop.labelsMin) {
-
-                var min = RG.SVG.numberFormat({
-                    object:    this,
-                    num:       this.min.toFixed(typeof prop.labelsMinDecimals === 'number' ? prop.labelsMinDecimals : prop.scaleDecimals),
-                    prepend:   typeof prop.labelsMinUnitsPre  === 'string'   ? prop.labelsMinUnitsPre  : prop.unitsPre,
-                    append:    typeof prop.labelsMinUnitsPost === 'string'   ? prop.labelsMinUnitsPost : prop.unitsPost,
-                    point:     typeof prop.labelsMinPoint     === 'string'   ? prop.labelsMinPoint     : prop.scalePoint,
-                    thousand:  typeof prop.labelsMinThousand  === 'string'   ? prop.labelsMinThousand  : prop.scaleThousand,
-                    formatter: typeof prop.labelsMinFormatter === 'function' ? prop.labelsMinFormatter : prop.scaleFormatter
-                });
-
-                RG.SVG.text({
-                    object: this,
-                    parent: this.svg.all,
-                    text: typeof prop.labelsMinSpecific === 'string' ? prop.labelsMinSpecific : min,
-                    x: this.centerx - this.radius + (this.progressWidth / 2),
-                    y: this.height - prop.gutterBottom + 5,
-                    valign: 'top',
-                    halign: 'center',
-                    font:   prop.labelsMinFont   || prop.textFont,
-                    size:   prop.labelsMinSize   || prop.textSize,
-                    bold:   typeof prop.labelsMinBold === 'boolean' ? prop.labelsMinBold : prop.textBold,
-                    italic: typeof prop.labelsMinItalic === 'boolean' ? prop.labelsMinItalic : prop.textItalic,
-                    color:  prop.labelsMinColor  || prop.textColor
-                });
-
-            }
-
-
-
-
-
-
-
-            // Draw the max label
-            if (prop.labelsMax) {
-
-                var max = RG.SVG.numberFormat({
-                    object:    this,
-                    num:       this.max.toFixed(typeof prop.labelsMaxDecimals === 'number' ? prop.labelsMaxDecimals : prop.scaleDecimals),
-                    prepend:   typeof prop.labelsMaxUnitsPre  === 'string'   ? prop.labelsMaxUnitsPre  : prop.unitsPre,
-                    append:    typeof prop.labelsMaxUnitsPost === 'string'   ? prop.labelsMaxUnitsPost : prop.unitsPost,
-                    point:     typeof prop.labelsMaxPoint     === 'string'   ? prop.labelsMaxPoint     : prop.scalePoint,
-                    thousand:  typeof prop.labelsMaxThousand  === 'string'   ? prop.labelsMaxThousand  : prop.scaleThousand,
-                    formatter: typeof prop.labelsMaxFormatter === 'function' ? prop.labelsMaxFormatter : prop.scaleFormatter
-                });
-
-                RG.SVG.text({
-                    object: this,
-                    parent: this.svg.all,
-                    text: typeof prop.labelsMaxSpecific === 'string' ? prop.labelsMaxSpecific : max,
-                    x: this.centerx + this.radius - (this.progressWidth / 2),
-                    y: this.height - prop.gutterBottom + 5,
-                    valign: 'top',
-                    halign: 'center',
-                    font:   prop.labelsMaxFont   || prop.textFont,
-                    size:   prop.labelsMaxSize   || prop.textSize,
-                    bold:   typeof prop.labelsMaxBold === 'boolean' ? prop.labelsMaxBold : prop.textBold,
-                    italic: typeof prop.labelsMaxItalic === 'boolean' ? prop.labelsMaxItalic : prop.textItalic,
-                    color:  prop.labelsMaxColor  || prop.textColor
-                });
-            }
-
-
-
-
-
-
-
-             // Draw the center label
-            if (prop.labelsCenter) {
-
-                var center = RG.SVG.numberFormat({
-                    object:    this,
-                    num:       this.value.toFixed(typeof prop.labelsCenterDecimals === 'number' ? prop.labelsCenterDecimals : prop.scaleDecimals),
-                    prepend:   typeof prop.labelsCenterUnitsPre  === 'string' ? prop.labelsCenterUnitsPre  : prop.unitsPre,
-                    append:    typeof prop.labelsCenterUnitsPost === 'string' ? prop.labelsCenterUnitsPost : prop.unitsPost,
-                    point:     typeof prop.labelsCenterPoint     === 'string' ? prop.labelsCenterPoint     : prop.scalePoint,
-                    thousand:  typeof prop.labelsCenterThousand  === 'string' ? prop.labelsCenterThousand  : prop.scaleThousand,
-                    formatter: typeof prop.labelsCenterFormatter === 'function' ? prop.labelsCenterFormatter : prop.scaleFormatter
-                });
-
-                RG.SVG.text({
-                    object: this,
-                    parent: this.svg.all,
-                    text:   typeof prop.labelsCenterSpecific === 'string' ? prop.labelsCenterSpecific : center,
-                    x:      this.centerx,
-                    y:      this.centery,
-                    valign: 'bottom',
-                    halign: 'center',
-                    font:   prop.labelsCenterFont   || prop.textFont,
-                    size:   prop.labelsCenterSize   || prop.textSize,
-                    bold:   typeof prop.labelsCenterBold === 'boolean' ? prop.labelsCenterBold : prop.textBold,
-                    italic: typeof prop.labelsCenterItalic === 'boolean' ? prop.labelsCenterItalic : prop.textItalic,
-                    color:  prop.labelsCenterColor  || prop.textColor
-                });
-            }
-        };
-
-
-
-
-
-
-
-
-        /**
-        * This function can be used to highlight a segment on the chart
-        *
-        * @param object segment The segment to highlight
-        */
-        this.highlight = function (segment)
-        {
-            // Remove any highlight that's already been
-            // installed
-            this.removeHighlight();
-
-            var highlight = RG.SVG.create({
-                svg: this.svg,
-                type: 'path',
-                parent: this.svg.all,
-                attr: {
-                    d: this.path.getAttribute('d'),
-                    fill: prop.highlightFill,
-                    stroke: prop.highlightStroke,
-                    'stroke-width': prop.highlightLinewidth
-                }
-            });
-            
-            // Store the highlight node in the registry
-            RG.SVG.REG.set('highlight', highlight);
-
-            // Add the event listener that clears the highlight path if
-            // there is any. Must be MOUSEDOWN (ie before the click event)
-            var obj = this;
-            doc.body.addEventListener('mousedown', function (e)
-            {
-                obj.removeHighlight();
-
-            }, false);
-        };
-
-
-
-
-
-
-
-
-        /**
-        * This function can be used to remove the highlight that is added
-        * by tooltips
-        */
-        this.removeHighlight = function ()
-        {
-            var highlight = RG.SVG.REG.get('highlight');
-
-            if (highlight) {
-                highlight.parentNode.removeChild(highlight);
-                highlight = null;
-            }
-        };
-
-
-
-
-
-
-
-
-        /**
-        * 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),
-                    backgroundColor: RG.SVG.arrayClone(prop.backgroundColor)
-                }
-            }
-
-
-            // colors
-            var colors = prop.colors;
-
-            if (colors) {
-                for (var i=0; i<colors.length; ++i) {
-                    colors[i] = RG.SVG.parseColorLinear({
-                        object: this,
-                         color: colors[i],
-                         start: this.centerx - this.radius,
-                           end: this.centerx + this.radius,
-                           direction: 'horizontal'
-                    });
-                }
-            }
-
-            // Highlight fill
-            prop.highlightFill = RG.SVG.parseColorLinear({
-                object: this,
-                color: prop.highlightFill,
-                start: prop.gutterLeft,
-                  end: this.width - prop.gutterRight,
-                direction: 'horizontal'
-            });
-            
-            // Background color
-
-            // Background color
-            prop.backgroundColor = RG.SVG.parseColorLinear({
-                object: this,
-                color: prop.backgroundColor,
-                start: prop.gutterLeft,
-                  end: this.width - prop.gutterRight,
-                  direction: 'horizontal'
-            });
-        };
-
-
-
-
-
-
-
-
-        //
-        // The Bar chart grow effect
-        //
-        this.grow = function ()
-        {
-            var opt      = arguments[0] || {},
-                frames   = opt.frames || 30,
-                frame    = 0,
-                obj      = this,
-                value    = opt.value;
-
-            //
-            // Copy the data
-            //
-            value = this.value;
-
-            this.draw();
-
-            var iterate = function ()
-            {
-                var   multiplier = frame / frames
-                    * RG.SVG.FX.getEasingMultiplier(frames, frame)
-                    * RG.SVG.FX.getEasingMultiplier(frames, frame);
-
-                obj.value = value * multiplier;
-                
-                RG.SVG.redraw();
-
-                if (frame++ < frames) {
-                    RG.SVG.FX.update(iterate);
-                } else if (opt.callback) {
-                    obj.value = value;
-                    RG.SVG.redraw();
-                    (opt.callback)(obj);
-                }
-            };
-
-            iterate();
-            
-            return this;
-        };
-
-
-
-
-
-
-
-
-        /**
-        * 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;
-        };
-
-
-
-
-
-
-
-
-        //
-        // Remove highlight from the chart (tooltips)
-        //
-        this.removeHighlight = function ()
-        {
-            var highlight = RG.SVG.REG.get('highlight');
-            if (highlight && highlight.parentNode) {
-                highlight.parentNode.removeChild(highlight);
-            }
-            
-            RG.SVG.REG.set('highlight', null);
-        };
-
-
-
-
-
-
-
-
-        //
-        // 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.SemiCircularProgress=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.min=RG.SVG.stringsToNumbers(conf.min);this.max=RG.SVG.stringsToNumbers(conf.max);this.value=RG.SVG.stringsToNumbers(conf.value);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=conf.data;this.type='semicircularprogress';this.angles=[];this.colorsParsed=false;this.originalColors={};this.gradientCounter=1;this.nodes=[];this.shadowNodes=[];RG.SVG.OR.add(this);this.container.style.display='inline-block';this.properties={centerx:null,centery:null,radius:null,width:60,gutterLeft:35,gutterRight:35,gutterTop:35,gutterBottom:35,backgroundStrokeLinewidth:0.25,backgroundStroke:'gray',backgroundFill:'Gradient(white:#aaa)',backgroundFillOpacity:0.25,colors:['#0c0'],strokestyle:'#666',textColor:'gray',textFont:'sans-serif',textSize:10,textBold:false,textItalic:false,unitsPre:'',unitsPost:'',scalePoint:'.',scaleThousand:',',scaleDecimals:0,scaleFormatter:null,labelsMin:true,labelsMinSpecific:null,labelsMinPoint:null,labelsMinThousand:null,labelsMinFormatter:null,labelsMinFont:null,labelsMinSize:null,labelsMinBold:null,labelsMinItalic:null,labelsMinColor:null,labelsMinDecimals:null,labelsMinUnitsPre:null,labelsMinUnitsPost:null,labelsMax:true,labelsMaxSpecific:null,labelsMaxPoint:null,labelsMaxThousand:null,labelsMaxFormatter:null,labelsMaxFont:null,labelsMaxSize:null,labelsMaxBold:null,labelsMaxItalic:null,labelsMaxColor:null,labelsMaxDecimals:null,labelsMaxUnitsPre:null,labelsMaxUnitsPost:null,labelsCenter:true,labelsCenterSpecific:null,labelsCenterPoint:null,labelsCenterThousand:null,labelsCenterFormatter:null,labelsCenterFont:null,labelsCenterSize:40,labelsCenterBold:true,labelsCenterItalic:null,labelsCenterColor:'#666',labelsCenterDecimals:null,labelsCenterUnitsPre:null,labelsCenterUnitsPost:null,linewidth:0,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};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');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.height-prop.gutterBottom;this.radius=ma.min(this.graphWidth/2,this.graphHeight);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);this.progressWidth=prop.width||(this.radius/3);RG.SVG.resetColorsToOriginalValues({object:this});this.parseColors();this.path=this.drawMeter();RG.SVG.drawTitle(this);this.drawLabels();RG.SVG.attribution(this);if(!RG.SVG.isNull(prop.tooltips)&&prop.tooltips[0]){var obj=this;this.path.addEventListener(prop.tooltipsEvent,function(e)
+{obj.removeHighlight();RG.SVG.tooltip({object:obj,index:0,group:null,sequentialIndex:0,text:prop.tooltips[0],event:e});obj.highlight(e.target);},false);this.path.addEventListener('mousemove',function(e)
+{e.target.style.cursor='pointer'},false);}
+var obj=this;doc.body.addEventListener('mousedown',function(e)
+{obj.removeHighlight();},false);RG.SVG.fireCustomEvent(this,'ondraw');return this;};this.drawMeter=function()
+{var path=RG.SVG.TRIG.getArcPath({cx:this.centerx,cy:this.centery,r:this.radius,start:RG.SVG.TRIG.PI+RG.SVG.TRIG.HALFPI,end:RG.SVG.TRIG.HALFPI,anticlockwise:false});var path2=RG.SVG.TRIG.getArcPath({cx:this.centerx,cy:this.centery,r:this.radius-this.progressWidth,end:RG.SVG.TRIG.PI+RG.SVG.TRIG.HALFPI,start:RG.SVG.TRIG.HALFPI,anticlockwise:true,moveto:false});RG.SVG.create({svg:this.svg,type:'path',parent:this.svg.all,attr:{d:path+" L "+(this.centerx+this.radius-this.progressWidth)+" "+this.centery+path2+" L "+(this.centerx-this.radius)+" "+this.centery,fill:prop.backgroundFill||prop.colors[0],stroke:prop.backgroundStroke,'stroke-width':prop.backgroundStrokeLinewidth,'fill-opacity':prop.backgroundFillOpacity}});var angle=((this.value-this.min)/(this.max-this.min))*RG.SVG.TRIG.PI;angle-=RG.SVG.TRIG.HALFPI;var path=RG.SVG.TRIG.getArcPath({cx:this.centerx,cy:this.centery,r:this.radius,start:RG.SVG.TRIG.PI+RG.SVG.TRIG.HALFPI,end:angle,anticlockwise:false});var path2=RG.SVG.TRIG.getArcPath({cx:this.centerx,cy:this.centery,r:this.radius-this.progressWidth,start:angle,end:angle,anticlockwise:false,array:true});var path3=RG.SVG.TRIG.getArcPath({cx:this.centerx,cy:this.centery,r:this.radius-this.progressWidth,start:angle,end:RG.SVG.TRIG.PI+RG.SVG.TRIG.HALFPI,anticlockwise:true,moveto:false});var path=RG.SVG.create({svg:this.svg,type:'path',parent:this.svg.all,attr:{d:path+" L{1} {2} ".format(path2[1],path2[2])+path3+' z',fill:prop.colors[0],stroke:'black','stroke-width':prop.linewidth}});return path;};this.drawLabels=function()
+{if(prop.labelsMin){var min=RG.SVG.numberFormat({object:this,num:this.min.toFixed(typeof prop.labelsMinDecimals==='number'?prop.labelsMinDecimals:prop.scaleDecimals),prepend:typeof prop.labelsMinUnitsPre==='string'?prop.labelsMinUnitsPre:prop.unitsPre,append:typeof prop.labelsMinUnitsPost==='string'?prop.labelsMinUnitsPost:prop.unitsPost,point:typeof prop.labelsMinPoint==='string'?prop.labelsMinPoint:prop.scalePoint,thousand:typeof prop.labelsMinThousand==='string'?prop.labelsMinThousand:prop.scaleThousand,formatter:typeof prop.labelsMinFormatter==='function'?prop.labelsMinFormatter:prop.scaleFormatter});RG.SVG.text({object:this,parent:this.svg.all,text:typeof prop.labelsMinSpecific==='string'?prop.labelsMinSpecific:min,x:this.centerx-this.radius+(this.progressWidth/2),y:this.height-prop.gutterBottom+5,valign:'top',halign:'center',font:prop.labelsMinFont||prop.textFont,size:prop.labelsMinSize||prop.textSize,bold:typeof prop.labelsMinBold==='boolean'?prop.labelsMinBold:prop.textBold,italic:typeof prop.labelsMinItalic==='boolean'?prop.labelsMinItalic:prop.textItalic,color:prop.labelsMinColor||prop.textColor});}
+if(prop.labelsMax){var max=RG.SVG.numberFormat({object:this,num:this.max.toFixed(typeof prop.labelsMaxDecimals==='number'?prop.labelsMaxDecimals:prop.scaleDecimals),prepend:typeof prop.labelsMaxUnitsPre==='string'?prop.labelsMaxUnitsPre:prop.unitsPre,append:typeof prop.labelsMaxUnitsPost==='string'?prop.labelsMaxUnitsPost:prop.unitsPost,point:typeof prop.labelsMaxPoint==='string'?prop.labelsMaxPoint:prop.scalePoint,thousand:typeof prop.labelsMaxThousand==='string'?prop.labelsMaxThousand:prop.scaleThousand,formatter:typeof prop.labelsMaxFormatter==='function'?prop.labelsMaxFormatter:prop.scaleFormatter});RG.SVG.text({object:this,parent:this.svg.all,text:typeof prop.labelsMaxSpecific==='string'?prop.labelsMaxSpecific:max,x:this.centerx+this.radius-(this.progressWidth/2),y:this.height-prop.gutterBottom+5,valign:'top',halign:'center',font:prop.labelsMaxFont||prop.textFont,size:prop.labelsMaxSize||prop.textSize,bold:typeof prop.labelsMaxBold==='boolean'?prop.labelsMaxBold:prop.textBold,italic:typeof prop.labelsMaxItalic==='boolean'?prop.labelsMaxItalic:prop.textItalic,color:prop.labelsMaxColor||prop.textColor});}
+if(prop.labelsCenter){var center=RG.SVG.numberFormat({object:this,num:this.value.toFixed(typeof prop.labelsCenterDecimals==='number'?prop.labelsCenterDecimals:prop.scaleDecimals),prepend:typeof prop.labelsCenterUnitsPre==='string'?prop.labelsCenterUnitsPre:prop.unitsPre,append:typeof prop.labelsCenterUnitsPost==='string'?prop.labelsCenterUnitsPost:prop.unitsPost,point:typeof prop.labelsCenterPoint==='string'?prop.labelsCenterPoint:prop.scalePoint,thousand:typeof prop.labelsCenterThousand==='string'?prop.labelsCenterThousand:prop.scaleThousand,formatter:typeof prop.labelsCenterFormatter==='function'?prop.labelsCenterFormatter:prop.scaleFormatter});RG.SVG.text({object:this,parent:this.svg.all,text:typeof prop.labelsCenterSpecific==='string'?prop.labelsCenterSpecific:center,x:this.centerx,y:this.centery,valign:'bottom',halign:'center',font:prop.labelsCenterFont||prop.textFont,size:prop.labelsCenterSize||prop.textSize,bold:typeof prop.labelsCenterBold==='boolean'?prop.labelsCenterBold:prop.textBold,italic:typeof prop.labelsCenterItalic==='boolean'?prop.labelsCenterItalic:prop.textItalic,color:prop.labelsCenterColor||prop.textColor});}};this.highlight=function(segment)
+{this.removeHighlight();var highlight=RG.SVG.create({svg:this.svg,type:'path',parent:this.svg.all,attr:{d:this.path.getAttribute('d'),fill:prop.highlightFill,stroke:prop.highlightStroke,'stroke-width':prop.highlightLinewidth}});RG.SVG.REG.set('highlight',highlight);var obj=this;doc.body.addEventListener('mousedown',function(e)
+{obj.removeHighlight();},false);};this.removeHighlight=function()
+{var highlight=RG.SVG.REG.get('highlight');if(highlight){highlight.parentNode.removeChild(highlight);highlight=null;}};this.parseColors=function()
+{if(!Object.keys(this.originalColors).length){this.originalColors={colors:RG.SVG.arrayClone(prop.colors),highlightFill:RG.SVG.arrayClone(prop.highlightFill),backgroundColor:RG.SVG.arrayClone(prop.backgroundColor)}}
+var colors=prop.colors;if(colors){for(var i=0;i<colors.length;++i){colors[i]=RG.SVG.parseColorLinear({object:this,color:colors[i],start:this.centerx-this.radius,end:this.centerx+this.radius,direction:'horizontal'});}}
+prop.highlightFill=RG.SVG.parseColorLinear({object:this,color:prop.highlightFill,start:prop.gutterLeft,end:this.width-prop.gutterRight,direction:'horizontal'});prop.backgroundColor=RG.SVG.parseColorLinear({object:this,color:prop.backgroundColor,start:prop.gutterLeft,end:this.width-prop.gutterRight,direction:'horizontal'});};this.grow=function()
+{var opt=arguments[0]||{},frames=opt.frames||30,frame=0,obj=this,value=opt.value;value=this.value;this.draw();var iterate=function()
+{var multiplier=frame/frames*RG.SVG.FX.getEasingMultiplier(frames,frame)*RG.SVG.FX.getEasingMultiplier(frames,frame);obj.value=value*multiplier;RG.SVG.redraw();if(frame++<frames){RG.SVG.FX.update(iterate);}else if(opt.callback){obj.value=value;RG.SVG.redraw();(opt.callback)(obj);}};iterate();return this;};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=function()
+{var highlight=RG.SVG.REG.get('highlight');if(highlight&&highlight.parentNode){highlight.parentNode.removeChild(highlight);}
+RG.SVG.REG.set('highlight',null);};for(i in conf.options){if(typeof i==='string'){this.set(i,conf.options[i]);}}};return this;})(window,document);