spout 0.6.0 → 0.7.0.beta1

data/lib/spout/support/javascripts/highcharts-convert.js

@@ -0,0 +1,583 @@
+/**
+ * @license Highcharts JS v3.0.1 (2012-11-02)
+ *
+ * (c) 20013-2014
+ *
+ * Author: Gert Vaartjes
+ *
+ * License: www.highcharts.com/license
+ *
+ * version: 2.0.1
+ */
+
+/*jslint white: true */
+/*global window, require, phantom, console, $, document, Image, Highcharts, clearTimeout, clearInterval, options, cb, globalOptions, dataOptions, customCode */
+
+
+(function () {
+	"use strict";
+
+	var config = {
+			/* define locations of mandatory javascript files */
+			HIGHCHARTS: 'highstock.js',
+			HIGHCHARTS_MORE: 'highcharts-more.js',
+			HIGHCHARTS_DATA: 'data.js',
+			JQUERY: 'jquery.1.9.1.min.js',
+			TIMEOUT: 2000 /* 2 seconds timout for loading images */
+		},
+		mapCLArguments,
+		render,
+		startServer = false,
+		args,
+		pick,
+		SVG_DOCTYPE = '<?xml version=\"1.0" standalone=\"no\"?><!DOCTYPE svg PUBLIC \"-//W3C//DTD SVG 1.1//EN\" \"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd\">',
+		dpiCorrection = 1.4,
+		system = require('system'),
+		fs = require('fs'),
+		serverMode = false;
+
+	pick = function () {
+		var args = arguments, i, arg, length = args.length;
+		for (i = 0; i < length; i += 1) {
+			arg = args[i];
+			if (arg !== undefined && arg !== null && arg !== 'null' && arg != '0') {
+				return arg;
+			}
+		}
+	};
+
+	mapCLArguments = function () {
+		var map = {},
+			i,
+			key;
+
+		if (system.args.length < 1) {
+			console.log('Commandline Usage: highcharts-convert.js -infile URL -outfile filename -scale 2.5 -width 300 -constr Chart -callback callback.js');
+			console.log(', or run PhantomJS as server: highcharts-convert.js -host 127.0.0.1 -port 1234');
+		}
+
+		for (i = 0; i < system.args.length; i += 1) {
+			if (system.args[i].charAt(0) === '-') {
+				key = system.args[i].substr(1, i.length);
+				if (key === 'infile' || key === 'callback' || key === 'dataoptions' || key === 'globaloptions' || key === 'customcode') {
+					// get string from file
+					try {
+						map[key] = fs.read(system.args[i + 1]);
+					} catch (e) {
+						console.log('Error: cannot find file, ' + system.args[i + 1]);
+						phantom.exit();
+					}
+				} else {
+					map[key] = system.args[i + 1];
+				}
+			}
+		}
+		return map;
+	};
+
+	render = function (params, exitCallback) {
+
+		var page = require('webpage').create(),
+			messages = {},
+			scaleAndClipPage,
+			loadChart,
+			createChart,
+			input,
+			constr,
+			callback,
+			width,
+			output,
+			outType,
+			timer,
+			renderSVG,
+			convert,
+			exit,
+			interval;
+
+		messages.imagesLoaded = 'Highcharts.images.loaded';
+		messages.optionsParsed = 'Highcharts.options.parsed';
+		messages.callbackParsed = 'Highcharts.cb.parsed';
+		window.imagesLoaded = false;
+		window.optionsParsed = false;
+		window.callbackParsed = false;
+
+		page.onConsoleMessage = function (msg) {
+			//console.log(msg);
+
+			/*
+			 * Ugly hack, but only way to get messages out of the 'page.evaluate()'
+			 * sandbox. If any, please contribute with improvements on this!
+			 */
+
+			if (msg === messages.imagesLoaded) {
+				window.imagesLoaded = true;
+			}
+			/* more ugly hacks, to check options or callback are properly parsed */
+			if (msg === messages.optionsParsed) {
+				window.optionsParsed = true;
+			}
+
+			if (msg === messages.callbackParsed) {
+				window.callbackParsed = true;
+			}
+		};
+
+		page.onAlert = function (msg) {
+			console.log(msg);
+		};
+
+		/* scale and clip the page */
+		scaleAndClipPage = function (svg) {
+			/*	param: svg: The scg configuration object
+			*/
+
+			var zoom = 1,
+				pageWidth = pick(params.width, svg.width),
+				clipwidth,
+				clipheight;
+
+			if (parseInt(pageWidth, 10) == pageWidth) {
+				zoom = pageWidth / svg.width;
+			}
+
+			/* set this line when scale factor has a higher precedence
+			scale has precedence : page.zoomFactor = params.scale  ? zoom * params.scale : zoom;*/
+
+			/* params.width has a higher precedence over scaling, to not break backover compatibility */
+			page.zoomFactor = params.scale && params.width == undefined ? zoom * params.scale : zoom;
+
+			clipwidth = svg.width * page.zoomFactor;
+			clipheight = svg.height * page.zoomFactor;
+
+			/* define the clip-rectangle */
+			/* ignored for PDF, see https://github.com/ariya/phantomjs/issues/10465 */
+			page.clipRect = {
+				top: 0,
+				left: 0,
+				width: clipwidth,
+				height: clipheight
+			};
+
+			/* for pdf we need a bit more paperspace in some cases for example (w:600,h:400), I don't know why.*/
+			if (outType === 'pdf') {
+				// changed to a multiplication with 1.333 to correct systems dpi setting
+				clipwidth = clipwidth * dpiCorrection;
+				clipheight = clipheight * dpiCorrection;
+				// redefine the viewport
+				page.viewportSize = { width: clipwidth, height: clipheight};
+				// make the paper a bit larger than the viewport
+				page.paperSize = { width: clipwidth + 2 , height: clipheight + 2 };
+			}
+		};
+
+		exit = function (result) {
+			if (serverMode) {
+				//Calling page.close(), may stop the increasing heap allocation
+				page.close();
+			}
+			exitCallback(result);
+		};
+
+		convert = function (svg) {
+			var base64;
+			scaleAndClipPage(svg);
+			if (outType === 'pdf' || output !== undefined) {
+				if (output === undefined) {
+					// in case of pdf files
+					output = config.tmpDir + '/chart.' + outType;
+				}
+				page.render(output);
+				exit(output);
+			} else {
+				base64 = page.renderBase64(outType);
+				exit(base64);
+			}
+		};
+
+		renderSVG = function (svg) {
+			var svgFile;
+			// From this point we have loaded/or created a SVG
+			try {
+				if (outType.toLowerCase() === 'svg') {
+					// output svg
+					svg = svg.html.replace(/<svg /, '<svg xmlns:xlink="http://www.w3.org/1999/xlink" ').replace(/ href=/g, ' xlink:href=').replace(/<\/svg>.*?$/, '</svg>');
+					// add xml doc type
+					svg = SVG_DOCTYPE + svg;
+
+					if (output !== undefined) {
+						// write the file
+						svgFile = fs.open(output, "w");
+						svgFile.write(svg);
+						svgFile.close();
+						exit(output);
+					} else {
+						// return the svg as a string
+						exit(svg);
+					}
+
+				} else {
+					// output binary images or pdf
+					if (!window.imagesLoaded) {
+						// render with interval, waiting for all images loaded
+						interval = window.setInterval(function () {
+							console.log('waiting');
+							if (window.imagesLoaded) {
+								clearTimeout(timer);
+								clearInterval(interval);
+								convert(svg);
+							}
+						}, 50);
+
+						// we have a 3 second timeframe..
+						timer = window.setTimeout(function () {
+							clearInterval(interval);
+							exitCallback('ERROR: While rendering, there\'s is a timeout reached');
+						}, config.TIMEOUT);
+					} else {
+						// images are loaded, render rightaway
+						convert(svg);
+					}
+				}
+			} catch (e) {
+				console.log('ERROR: While rendering, ' + e);
+			}
+		};
+
+		loadChart = function (input, outputType, messages) {
+			var nodeIter, nodes, elem, opacity, counter, svgElem;
+
+			document.body.style.margin = '0px';
+			document.body.innerHTML = input;
+
+			function loadingImage() {
+				console.log('Loading image ' + counter);
+				counter -= 1;
+				if (counter < 1) {
+					console.log(messages.imagesLoaded);
+				}
+			}
+
+			function loadImages() {
+				var images = document.getElementsByTagName('image'), i, img;
+
+				if (images.length > 0) {
+
+					counter = images.length;
+
+					for (i = 0; i < images.length; i += 1) {
+						img = new Image();
+						img.onload = loadingImage;
+						/* force loading of images by setting the src attr.*/
+						img.src = images[i].href.baseVal;
+					}
+				} else {
+					// no images set property to:imagesLoaded = true
+					console.log(messages.imagesLoaded);
+				}
+			}
+
+			if (outputType === 'jpeg') {
+				document.body.style.backgroundColor = 'white';
+			}
+
+
+			nodes = document.querySelectorAll('*[stroke-opacity]');
+
+			for (nodeIter = 0; nodeIter < nodes.length; nodeIter += 1) {
+				elem = nodes[nodeIter];
+				opacity = elem.getAttribute('stroke-opacity');
+				elem.removeAttribute('stroke-opacity');
+				elem.setAttribute('opacity', opacity);
+			}
+
+			// ensure all image are loaded
+			loadImages();
+
+			svgElem = document.getElementsByTagName('svg')[0];
+
+			return {
+			    html: document.body.innerHTML,
+			    width: svgElem.getAttribute("width"),
+			    height: svgElem.getAttribute("height")
+			};
+		};
+
+		createChart = function (width, constr, input, globalOptionsArg, dataOptionsArg, customCodeArg, outputType, callback, messages) {
+
+			var $container, chart, nodes, nodeIter, elem, opacity, counter;
+
+			// dynamic script insertion
+			function loadScript(varStr, codeStr) {
+				var $script = $('<script>').attr('type', 'text/javascript');
+				$script.html('var ' + varStr + ' = ' + codeStr);
+				document.getElementsByTagName("head")[0].appendChild($script[0]);
+				if (window[varStr] !== undefined) {
+					console.log('Highcharts.' + varStr + '.parsed');
+				}
+			}
+
+			// are all images loaded in time?
+			function loadingImage() {
+				console.log('loading image ' + counter);
+				counter -= 1;
+				if (counter < 1) {
+					console.log(messages.imagesLoaded);
+				}
+			}
+
+			function loadImages() {
+				// are images loaded?
+				var $images = $('svg image'), i, img;
+
+				if ($images.length > 0) {
+
+					counter = $images.length;
+
+					for (i = 0; i < $images.length; i += 1) {
+						img = new Image();
+						img.onload = loadingImage;
+						/* force loading of images by setting the src attr.*/
+						img.src = $images[i].getAttribute('href');
+					}
+				} else {
+					// no images set property to all images
+					// loaded
+					console.log(messages.imagesLoaded);
+				}
+			}
+
+			function parseData(completeHandler, chartOptions, dataConfig) {
+				try {
+					dataConfig.complete = completeHandler;
+					Highcharts.data(dataConfig, chartOptions);
+				} catch (error) {
+					completeHandler(undefined);
+				}
+			}
+
+			if (input !== 'undefined') {
+				loadScript('options', input);
+			}
+
+			if (callback !== 'undefined') {
+				loadScript('cb', callback);
+			}
+
+			if (globalOptionsArg !== 'undefined') {
+				loadScript('globalOptions', globalOptionsArg);
+			}
+
+			if (dataOptionsArg !== 'undefined') {
+				loadScript('dataOptions', dataOptionsArg);
+			}
+
+			if (customCodeArg !== 'undefined') {
+				loadScript('customCode', customCodeArg);
+			}
+
+			$(document.body).css('margin', '0px');
+
+			if (outputType === 'jpeg') {
+				$(document.body).css('backgroundColor', 'white');
+			}
+
+			$container = $('<div>').appendTo(document.body);
+			$container.attr('id', 'container');
+
+			// disable animations
+			Highcharts.SVGRenderer.prototype.Element.prototype.animate = Highcharts.SVGRenderer.prototype.Element.prototype.attr;
+
+			if (!options.chart) {
+				options.chart = {};
+			}
+
+			options.chart.renderTo = $container[0];
+
+			// check if witdh is set. Order of precedence:
+			// args.width, options.chart.width and 600px
+
+			// OLD. options.chart.width = width || options.chart.width || 600;
+			// Notice we don't use commandline parameter width here. Commandline parameter width is used for scaling.
+
+			options.chart.width = (options.exporting && options.exporting.sourceWidth) || options.chart.width || 600;
+			options.chart.height = (options.exporting && options.exporting.sourceHeight) || options.chart.height || 400;
+
+			// Load globalOptions
+			if (globalOptions) {
+				Highcharts.setOptions(globalOptions);
+			}
+
+			// Load data
+			if (dataOptions) {
+				parseData(function completeHandler(opts) {
+					// Merge series configs
+					if (options.series) {
+						Highcharts.each(options.series, function (series, i) {
+							options.series[i] = Highcharts.merge(series, opts.series[i]);
+						});
+					}
+
+					var mergedOptions = Highcharts.merge(opts, options);
+
+					// Run customCode
+					if (customCode) {
+						customCode(mergedOptions);
+					}
+
+					chart = new Highcharts[constr](mergedOptions, cb);
+
+					// ensure images are all loaded
+					loadImages();
+				}, options, dataOptions);
+			} else {
+				chart = new Highcharts[constr](options, cb);
+
+				// ensure images are all loaded
+				loadImages();
+			}
+
+			/* remove stroke-opacity paths, used by mouse-trackers, they turn up as
+			*  as fully opaque in the PDF
+			*/
+			nodes = document.querySelectorAll('*[stroke-opacity]');
+
+			for (nodeIter = 0; nodeIter < nodes.length; nodeIter += 1) {
+				elem = nodes[nodeIter];
+				opacity = elem.getAttribute('stroke-opacity');
+				elem.removeAttribute('stroke-opacity');
+				elem.setAttribute('opacity', opacity);
+			}
+
+			return {
+				//html: $container[0].firstChild.innerHTML,
+				html: $('div.highcharts-container')[0].innerHTML,
+				width: chart.chartWidth,
+				height: chart.chartHeight
+			};
+		};
+
+		if (params.length < 1) {
+			exit("Error: Insuficient parameters");
+		} else {
+			input = params.infile;
+			output = params.outfile;
+
+			if (output !== undefined) {
+				outType = pick(output.split('.').pop(),outType,'png');
+			} else {
+				outType = pick(params.outtype,'png');
+			}
+
+			constr = pick(params.constr, 'Chart');
+			callback = params.callback;
+			width = params.width;
+
+			if (input === undefined || input.length === 0) {
+				exit('Error: Insuficient or wrong parameters for rendering');
+			}
+
+			page.open('about:blank', function (status) {
+				var svg,
+					globalOptions = params.globaloptions,
+					dataOptions = params.dataoptions,
+					customCode = 'function customCode(options) {\n' + params.customcode + '}\n';
+
+				/* Decide if we have to generate a svg first before rendering */
+				if (input.substring(0, 4).toLowerCase() === "<svg") {
+					//render page directly from svg file
+					svg = page.evaluate(loadChart, input, outType, messages);
+					page.viewportSize = { width: svg.width, height: svg.height };
+					renderSVG(svg);
+				} else {
+					// We have a js file, let highcharts create the chart first and grab the svg
+
+					// load necessary libraries
+					page.injectJs(config.JQUERY);
+					page.injectJs(config.HIGHCHARTS);
+					page.injectJs(config.HIGHCHARTS_MORE);
+					page.injectJs(config.HIGHCHARTS_DATA);
+
+					// load chart in page and return svg height and width
+					svg = page.evaluate(createChart, width, constr, input, globalOptions, dataOptions, customCode, outType, callback, messages);
+
+					if (!window.optionsParsed) {
+						exit('ERROR: the options variable was not available, contains the infile an syntax error? see' + input);
+					}
+
+					if (callback !== undefined && !window.callbackParsed) {
+						exit('ERROR: the callback variable was not available, contains the callbackfile an syntax error? see' + callback);
+					}
+					renderSVG(svg);
+				}
+			});
+		}
+	};
+
+	startServer = function (host, port) {
+		var server = require('webserver').create();
+
+		server.listen(host + ':' + port,
+			function (request, response) {
+				var jsonStr = request.post,
+					params,
+					msg;
+				try {
+					params = JSON.parse(jsonStr);
+					if (params.status) {
+						// for server health validation
+						response.statusCode = 200;
+						response.write('OK');
+						response.close();
+					} else {
+						render(params, function (result) {
+							// TODO: set response headers?
+							response.statusCode = 200;
+							response.write(result);
+							response.close();
+						});
+					}
+				} catch (e) {
+					msg = "Failed rendering: \n" + e;
+					response.statusCode = 500;
+					response.setHeader('Content-Type', 'text/plain');
+					response.setHeader('Content-Length', msg.length);
+					response.write(msg);
+					response.close();
+				}
+			}); // end server.listen
+
+		// switch to serverMode
+		serverMode = true;
+
+		console.log("OK, PhantomJS is ready.");
+	};
+
+	args = mapCLArguments();
+
+	// set tmpDir, for output temporary files.
+	if (args.tmpDir === undefined) {
+		config.tmpDir = fs.workingDirectory + '/tmp';
+	} else {
+		config.tmpDir = args.tmpDir;
+	}
+
+	// exists tmpDir and is it writable?
+	if (!fs.exists(config.tmpDir)) {
+		try{
+			fs.makeDirectory(config.tmpDir);
+		} catch (e) {
+			console.log('ERROR: Cannot make temp directory');
+		}
+	}
+
+
+	if (args.port !== undefined) {
+		startServer(args.host, args.port);
+	} else {
+		// presume commandline usage
+		render(args, function (msg) {
+			console.log(msg);
+			phantom.exit();
+		});
+	}
+}());

data/lib/spout/support/javascripts/highcharts-more.js

@@ -0,0 +1,50 @@
+/*
+ Highcharts JS v3.0.7 (2013-10-24)
+
+ (c) 2009-2013 Torstein Hønsi
+
+ License: www.highcharts.com/license
+*/
+(function(l,C){function J(a,b,c){this.init.call(this,a,b,c)}function K(a,b,c){a.call(this,b,c);if(this.chart.polar)this.closeSegment=function(a){var c=this.xAxis.center;a.push("L",c[0],c[1])},this.closedStacks=!0}function L(a,b){var c=this.chart,d=this.options.animation,g=this.group,f=this.markerGroup,e=this.xAxis.center,i=c.plotLeft,o=c.plotTop;if(c.polar){if(c.renderer.isSVG)if(d===!0&&(d={}),b){if(c={translateX:e[0]+i,translateY:e[1]+o,scaleX:0.001,scaleY:0.001},g.attr(c),f)f.attrSetters=g.attrSetters,
+f.attr(c)}else c={translateX:i,translateY:o,scaleX:1,scaleY:1},g.animate(c,d),f&&f.animate(c,d),this.animate=null}else a.call(this,b)}var P=l.arrayMin,Q=l.arrayMax,r=l.each,F=l.extend,p=l.merge,R=l.map,q=l.pick,v=l.pInt,m=l.getOptions().plotOptions,h=l.seriesTypes,x=l.extendClass,M=l.splat,n=l.wrap,N=l.Axis,u=l.Tick,z=l.Series,t=h.column.prototype,s=Math,D=s.round,A=s.floor,S=s.max,w=function(){};F(J.prototype,{init:function(a,b,c){var d=this,g=d.defaultOptions;d.chart=b;if(b.angular)g.background=
+{};d.options=a=p(g,a);(a=a.background)&&r([].concat(M(a)).reverse(),function(a){var b=a.backgroundColor,a=p(d.defaultBackgroundOptions,a);if(b)a.backgroundColor=b;a.color=a.backgroundColor;c.options.plotBands.unshift(a)})},defaultOptions:{center:["50%","50%"],size:"85%",startAngle:0},defaultBackgroundOptions:{shape:"circle",borderWidth:1,borderColor:"silver",backgroundColor:{linearGradient:{x1:0,y1:0,x2:0,y2:1},stops:[[0,"#FFF"],[1,"#DDD"]]},from:Number.MIN_VALUE,innerRadius:0,to:Number.MAX_VALUE,
+outerRadius:"105%"}});var G=N.prototype,u=u.prototype,T={getOffset:w,redraw:function(){this.isDirty=!1},render:function(){this.isDirty=!1},setScale:w,setCategories:w,setTitle:w},O={isRadial:!0,defaultRadialGaugeOptions:{labels:{align:"center",x:0,y:null},minorGridLineWidth:0,minorTickInterval:"auto",minorTickLength:10,minorTickPosition:"inside",minorTickWidth:1,plotBands:[],tickLength:10,tickPosition:"inside",tickWidth:2,title:{rotation:0},zIndex:2},defaultRadialXOptions:{gridLineWidth:1,labels:{align:null,
+distance:15,x:0,y:null},maxPadding:0,minPadding:0,plotBands:[],showLastLabel:!1,tickLength:0},defaultRadialYOptions:{gridLineInterpolation:"circle",labels:{align:"right",x:-3,y:-2},plotBands:[],showLastLabel:!1,title:{x:4,text:null,rotation:90}},setOptions:function(a){this.options=p(this.defaultOptions,this.defaultRadialOptions,a)},getOffset:function(){G.getOffset.call(this);this.chart.axisOffset[this.side]=0},getLinePath:function(a,b){var c=this.center,b=q(b,c[2]/2-this.offset);return this.chart.renderer.symbols.arc(this.left+
+c[0],this.top+c[1],b,b,{start:this.startAngleRad,end:this.endAngleRad,open:!0,innerR:0})},setAxisTranslation:function(){G.setAxisTranslation.call(this);if(this.center&&(this.transA=this.isCircular?(this.endAngleRad-this.startAngleRad)/(this.max-this.min||1):this.center[2]/2/(this.max-this.min||1),this.isXAxis))this.minPixelPadding=this.transA*this.minPointOffset+(this.reversed?(this.endAngleRad-this.startAngleRad)/4:0)},beforeSetTickPositions:function(){this.autoConnect&&(this.max+=this.categories&&
+1||this.pointRange||this.closestPointRange||0)},setAxisSize:function(){G.setAxisSize.call(this);if(this.isRadial)this.center=this.pane.center=h.pie.prototype.getCenter.call(this.pane),this.len=this.width=this.height=this.isCircular?this.center[2]*(this.endAngleRad-this.startAngleRad)/2:this.center[2]/2},getPosition:function(a,b){if(!this.isCircular)b=this.translate(a),a=this.min;return this.postTranslate(this.translate(a),q(b,this.center[2]/2)-this.offset)},postTranslate:function(a,b){var c=this.chart,
+d=this.center,a=this.startAngleRad+a;return{x:c.plotLeft+d[0]+Math.cos(a)*b,y:c.plotTop+d[1]+Math.sin(a)*b}},getPlotBandPath:function(a,b,c){var d=this.center,g=this.startAngleRad,f=d[2]/2,e=[q(c.outerRadius,"100%"),c.innerRadius,q(c.thickness,10)],i=/%$/,o,k=this.isCircular;this.options.gridLineInterpolation==="polygon"?d=this.getPlotLinePath(a).concat(this.getPlotLinePath(b,!0)):(k||(e[0]=this.translate(a),e[1]=this.translate(b)),e=R(e,function(a){i.test(a)&&(a=v(a,10)*f/100);return a}),c.shape===
+"circle"||!k?(a=-Math.PI/2,b=Math.PI*1.5,o=!0):(a=g+this.translate(a),b=g+this.translate(b)),d=this.chart.renderer.symbols.arc(this.left+d[0],this.top+d[1],e[0],e[0],{start:a,end:b,innerR:q(e[1],e[0]-e[2]),open:o}));return d},getPlotLinePath:function(a,b){var c=this.center,d=this.chart,g=this.getPosition(a),f,e,i;this.isCircular?i=["M",c[0]+d.plotLeft,c[1]+d.plotTop,"L",g.x,g.y]:this.options.gridLineInterpolation==="circle"?(a=this.translate(a))&&(i=this.getLinePath(0,a)):(f=d.xAxis[0],i=[],a=this.translate(a),
+c=f.tickPositions,f.autoConnect&&(c=c.concat([c[0]])),b&&(c=[].concat(c).reverse()),r(c,function(c,b){e=f.getPosition(c,a);i.push(b?"L":"M",e.x,e.y)}));return i},getTitlePosition:function(){var a=this.center,b=this.chart,c=this.options.title;return{x:b.plotLeft+a[0]+(c.x||0),y:b.plotTop+a[1]-{high:0.5,middle:0.25,low:0}[c.align]*a[2]+(c.y||0)}}};n(G,"init",function(a,b,c){var j;var d=b.angular,g=b.polar,f=c.isX,e=d&&f,i,o;o=b.options;var k=c.pane||0;if(d){if(F(this,e?T:O),i=!f)this.defaultRadialOptions=
+this.defaultRadialGaugeOptions}else if(g)F(this,O),this.defaultRadialOptions=(i=f)?this.defaultRadialXOptions:p(this.defaultYAxisOptions,this.defaultRadialYOptions);a.call(this,b,c);if(!e&&(d||g)){a=this.options;if(!b.panes)b.panes=[];this.pane=(j=b.panes[k]=b.panes[k]||new J(M(o.pane)[k],b,this),k=j);k=k.options;b.inverted=!1;o.chart.zoomType=null;this.startAngleRad=b=(k.startAngle-90)*Math.PI/180;this.endAngleRad=o=(q(k.endAngle,k.startAngle+360)-90)*Math.PI/180;this.offset=a.offset||0;if((this.isCircular=
+i)&&c.max===C&&o-b===2*Math.PI)this.autoConnect=!0}});n(u,"getPosition",function(a,b,c,d,g){var f=this.axis;return f.getPosition?f.getPosition(c):a.call(this,b,c,d,g)});n(u,"getLabelPosition",function(a,b,c,d,g,f,e,i,o){var k=this.axis,j=f.y,h=f.align,l=(k.translate(this.pos)+k.startAngleRad+Math.PI/2)/Math.PI*180%360;k.isRadial?(a=k.getPosition(this.pos,k.center[2]/2+q(f.distance,-25)),f.rotation==="auto"?d.attr({rotation:l}):j===null&&(j=v(d.styles.lineHeight)*0.9-d.getBBox().height/2),h===null&&
+(h=k.isCircular?l>20&&l<160?"left":l>200&&l<340?"right":"center":"center",d.attr({align:h})),a.x+=f.x,a.y+=j):a=a.call(this,b,c,d,g,f,e,i,o);return a});n(u,"getMarkPath",function(a,b,c,d,g,f,e){var i=this.axis;i.isRadial?(a=i.getPosition(this.pos,i.center[2]/2+d),b=["M",b,c,"L",a.x,a.y]):b=a.call(this,b,c,d,g,f,e);return b});m.arearange=p(m.area,{lineWidth:1,marker:null,threshold:null,tooltip:{pointFormat:'<span style="color:{series.color}">{series.name}</span>: <b>{point.low}</b> - <b>{point.high}</b><br/>'},
+trackByArea:!0,dataLabels:{verticalAlign:null,xLow:0,xHigh:0,yLow:0,yHigh:0}});h.arearange=l.extendClass(h.area,{type:"arearange",pointArrayMap:["low","high"],toYData:function(a){return[a.low,a.high]},pointValKey:"low",getSegments:function(){var a=this;r(a.points,function(b){if(!a.options.connectNulls&&(b.low===null||b.high===null))b.y=null;else if(b.low===null&&b.high!==null)b.y=b.high});z.prototype.getSegments.call(this)},translate:function(){var a=this.yAxis;h.area.prototype.translate.apply(this);
+r(this.points,function(b){var c=b.low,d=b.high,g=b.plotY;d===null&&c===null?b.y=null:c===null?(b.plotLow=b.plotY=null,b.plotHigh=a.translate(d,0,1,0,1)):d===null?(b.plotLow=g,b.plotHigh=null):(b.plotLow=g,b.plotHigh=a.translate(d,0,1,0,1))})},getSegmentPath:function(a){var b,c=[],d=a.length,g=z.prototype.getSegmentPath,f,e;e=this.options;var i=e.step;for(b=HighchartsAdapter.grep(a,function(a){return a.plotLow!==null});d--;)f=a[d],f.plotHigh!==null&&c.push({plotX:f.plotX,plotY:f.plotHigh});a=g.call(this,
+b);if(i)i===!0&&(i="left"),e.step={left:"right",center:"center",right:"left"}[i];c=g.call(this,c);e.step=i;e=[].concat(a,c);c[0]="L";this.areaPath=this.areaPath.concat(a,c);return e},drawDataLabels:function(){var a=this.data,b=a.length,c,d=[],g=z.prototype,f=this.options.dataLabels,e,i=this.chart.inverted;if(f.enabled||this._hasPointLabels){for(c=b;c--;)e=a[c],e.y=e.high,e.plotY=e.plotHigh,d[c]=e.dataLabel,e.dataLabel=e.dataLabelUpper,e.below=!1,i?(f.align="left",f.x=f.xHigh):f.y=f.yHigh;g.drawDataLabels.apply(this,
+arguments);for(c=b;c--;)e=a[c],e.dataLabelUpper=e.dataLabel,e.dataLabel=d[c],e.y=e.low,e.plotY=e.plotLow,e.below=!0,i?(f.align="right",f.x=f.xLow):f.y=f.yLow;g.drawDataLabels.apply(this,arguments)}},alignDataLabel:h.column.prototype.alignDataLabel,getSymbol:h.column.prototype.getSymbol,drawPoints:w});m.areasplinerange=p(m.arearange);h.areasplinerange=x(h.arearange,{type:"areasplinerange",getPointSpline:h.spline.prototype.getPointSpline});m.columnrange=p(m.column,m.arearange,{lineWidth:1,pointRange:null});
+h.columnrange=x(h.arearange,{type:"columnrange",translate:function(){var a=this,b=a.yAxis,c;t.translate.apply(a);r(a.points,function(d){var g=d.shapeArgs,f=a.options.minPointLength,e;d.plotHigh=c=b.translate(d.high,0,1,0,1);d.plotLow=d.plotY;e=c;d=d.plotY-c;d<f&&(f-=d,d+=f,e-=f/2);g.height=d;g.y=e})},trackerGroups:["group","dataLabels"],drawGraph:w,pointAttrToOptions:t.pointAttrToOptions,drawPoints:t.drawPoints,drawTracker:t.drawTracker,animate:t.animate,getColumnMetrics:t.getColumnMetrics});m.gauge=
+p(m.line,{dataLabels:{enabled:!0,y:15,borderWidth:1,borderColor:"silver",borderRadius:3,style:{fontWeight:"bold"},verticalAlign:"top",zIndex:2},dial:{},pivot:{},tooltip:{headerFormat:""},showInLegend:!1});u={type:"gauge",pointClass:l.extendClass(l.Point,{setState:function(a){this.state=a}}),angular:!0,drawGraph:w,fixedBox:!0,trackerGroups:["group","dataLabels"],translate:function(){var a=this.yAxis,b=this.options,c=a.center;this.generatePoints();r(this.points,function(d){var g=p(b.dial,d.dial),f=
+v(q(g.radius,80))*c[2]/200,e=v(q(g.baseLength,70))*f/100,i=v(q(g.rearLength,10))*f/100,o=g.baseWidth||3,k=g.topWidth||1,j=a.startAngleRad+a.translate(d.y,null,null,null,!0);b.wrap===!1&&(j=Math.max(a.startAngleRad,Math.min(a.endAngleRad,j)));j=j*180/Math.PI;d.shapeType="path";d.shapeArgs={d:g.path||["M",-i,-o/2,"L",e,-o/2,f,-k/2,f,k/2,e,o/2,-i,o/2,"z"],translateX:c[0],translateY:c[1],rotation:j};d.plotX=c[0];d.plotY=c[1]})},drawPoints:function(){var a=this,b=a.yAxis.center,c=a.pivot,d=a.options,g=
+d.pivot,f=a.chart.renderer;r(a.points,function(c){var b=c.graphic,g=c.shapeArgs,k=g.d,j=p(d.dial,c.dial);b?(b.animate(g),g.d=k):c.graphic=f[c.shapeType](g).attr({stroke:j.borderColor||"none","stroke-width":j.borderWidth||0,fill:j.backgroundColor||"black",rotation:g.rotation}).add(a.group)});c?c.animate({translateX:b[0],translateY:b[1]}):a.pivot=f.circle(0,0,q(g.radius,5)).attr({"stroke-width":g.borderWidth||0,stroke:g.borderColor||"silver",fill:g.backgroundColor||"black"}).translate(b[0],b[1]).add(a.group)},
+animate:function(a){var b=this;if(!a)r(b.points,function(a){var d=a.graphic;d&&(d.attr({rotation:b.yAxis.startAngleRad*180/Math.PI}),d.animate({rotation:a.shapeArgs.rotation},b.options.animation))}),b.animate=null},render:function(){this.group=this.plotGroup("group","series",this.visible?"visible":"hidden",this.options.zIndex,this.chart.seriesGroup);h.pie.prototype.render.call(this);this.group.clip(this.chart.clipRect)},setData:h.pie.prototype.setData,drawTracker:h.column.prototype.drawTracker};h.gauge=
+l.extendClass(h.line,u);m.boxplot=p(m.column,{fillColor:"#FFFFFF",lineWidth:1,medianWidth:2,states:{hover:{brightness:-0.3}},threshold:null,tooltip:{pointFormat:'<span style="color:{series.color};font-weight:bold">{series.name}</span><br/>Maximum: {point.high}<br/>Upper quartile: {point.q3}<br/>Median: {point.median}<br/>Lower quartile: {point.q1}<br/>Minimum: {point.low}<br/>'},whiskerLength:"50%",whiskerWidth:2});h.boxplot=x(h.column,{type:"boxplot",pointArrayMap:["low","q1","median","q3","high"],
+toYData:function(a){return[a.low,a.q1,a.median,a.q3,a.high]},pointValKey:"high",pointAttrToOptions:{fill:"fillColor",stroke:"color","stroke-width":"lineWidth"},drawDataLabels:w,translate:function(){var a=this.yAxis,b=this.pointArrayMap;h.column.prototype.translate.apply(this);r(this.points,function(c){r(b,function(b){c[b]!==null&&(c[b+"Plot"]=a.translate(c[b],0,1,0,1))})})},drawPoints:function(){var a=this,b=a.points,c=a.options,d=a.chart.renderer,g,f,e,i,o,k,j,h,l,m,n,H,p,E,I,t,w,s,v,u,z,y,x=a.doQuartiles!==
+!1,B=parseInt(a.options.whiskerLength,10)/100;r(b,function(b){l=b.graphic;z=b.shapeArgs;n={};E={};t={};y=b.color||a.color;if(b.plotY!==C)if(g=b.pointAttr[b.selected?"selected":""],w=z.width,s=A(z.x),v=s+w,u=D(w/2),f=A(x?b.q1Plot:b.lowPlot),e=A(x?b.q3Plot:b.lowPlot),i=A(b.highPlot),o=A(b.lowPlot),n.stroke=b.stemColor||c.stemColor||y,n["stroke-width"]=q(b.stemWidth,c.stemWidth,c.lineWidth),n.dashstyle=b.stemDashStyle||c.stemDashStyle,E.stroke=b.whiskerColor||c.whiskerColor||y,E["stroke-width"]=q(b.whiskerWidth,
+c.whiskerWidth,c.lineWidth),t.stroke=b.medianColor||c.medianColor||y,t["stroke-width"]=q(b.medianWidth,c.medianWidth,c.lineWidth),t["stroke-linecap"]="round",j=n["stroke-width"]%2/2,h=s+u+j,m=["M",h,e,"L",h,i,"M",h,f,"L",h,o,"z"],x&&(j=g["stroke-width"]%2/2,h=A(h)+j,f=A(f)+j,e=A(e)+j,s+=j,v+=j,H=["M",s,e,"L",s,f,"L",v,f,"L",v,e,"L",s,e,"z"]),B&&(j=E["stroke-width"]%2/2,i+=j,o+=j,p=["M",h-u*B,i,"L",h+u*B,i,"M",h-u*B,o,"L",h+u*B,o]),j=t["stroke-width"]%2/2,k=D(b.medianPlot)+j,I=["M",s,k,"L",v,k,"z"],
+l)b.stem.animate({d:m}),B&&b.whiskers.animate({d:p}),x&&b.box.animate({d:H}),b.medianShape.animate({d:I});else{b.graphic=l=d.g().add(a.group);b.stem=d.path(m).attr(n).add(l);if(B)b.whiskers=d.path(p).attr(E).add(l);if(x)b.box=d.path(H).attr(g).add(l);b.medianShape=d.path(I).attr(t).add(l)}})}});m.errorbar=p(m.boxplot,{color:"#000000",grouping:!1,linkedTo:":previous",tooltip:{pointFormat:m.arearange.tooltip.pointFormat},whiskerWidth:null});h.errorbar=x(h.boxplot,{type:"errorbar",pointArrayMap:["low",
+"high"],toYData:function(a){return[a.low,a.high]},pointValKey:"high",doQuartiles:!1,getColumnMetrics:function(){return this.linkedParent&&this.linkedParent.columnMetrics||h.column.prototype.getColumnMetrics.call(this)}});m.waterfall=p(m.column,{lineWidth:1,lineColor:"#333",dashStyle:"dot",borderColor:"#333"});h.waterfall=x(h.column,{type:"waterfall",upColorProp:"fill",pointArrayMap:["low","y"],pointValKey:"y",init:function(a,b){b.stacking=!0;h.column.prototype.init.call(this,a,b)},translate:function(){var a=
+this.options,b=this.yAxis,c,d,g,f,e,i,o,k,j;c=a.threshold;a=a.borderWidth%2/2;h.column.prototype.translate.apply(this);k=c;g=this.points;for(d=0,c=g.length;d<c;d++){f=g[d];e=f.shapeArgs;i=this.getStack(d);j=i.points[this.index];if(isNaN(f.y))f.y=this.yData[d];o=S(k,k+f.y)+j[0];e.y=b.translate(o,0,1);f.isSum||f.isIntermediateSum?(e.y=b.translate(j[1],0,1),e.height=b.translate(j[0],0,1)-e.y):k+=i.total;e.height<0&&(e.y+=e.height,e.height*=-1);f.plotY=e.y=D(e.y)-a;e.height=D(e.height);f.yBottom=e.y+
+e.height}},processData:function(a){var b=this.yData,c=this.points,d,g=b.length,f=this.options.threshold||0,e,i,h,k,j,l;i=e=h=k=f;for(l=0;l<g;l++)j=b[l],d=c&&c[l]?c[l]:{},j==="sum"||d.isSum?b[l]=i:j==="intermediateSum"||d.isIntermediateSum?(b[l]=e,e=f):(i+=j,e+=j),h=Math.min(i,h),k=Math.max(i,k);z.prototype.processData.call(this,a);this.dataMin=h;this.dataMax=k},toYData:function(a){if(a.isSum)return"sum";else if(a.isIntermediateSum)return"intermediateSum";return a.y},getAttribs:function(){h.column.prototype.getAttribs.apply(this,
+arguments);var a=this.options,b=a.states,c=a.upColor||this.color,a=l.Color(c).brighten(0.1).get(),d=p(this.pointAttr),g=this.upColorProp;d[""][g]=c;d.hover[g]=b.hover.upColor||a;d.select[g]=b.select.upColor||c;r(this.points,function(a){if(a.y>0&&!a.color)a.pointAttr=d,a.color=c})},getGraphPath:function(){var a=this.data,b=a.length,c=D(this.options.lineWidth+this.options.borderWidth)%2/2,d=[],g,f,e;for(e=1;e<b;e++)f=a[e].shapeArgs,g=a[e-1].shapeArgs,f=["M",g.x+g.width,g.y+c,"L",f.x,g.y+c],a[e-1].y<
+0&&(f[2]+=g.height,f[5]+=g.height),d=d.concat(f);return d},getExtremes:w,getStack:function(a){var b=this.yAxis.stacks,c=this.stackKey;this.processedYData[a]<this.options.threshold&&(c="-"+c);return b[c][a]},drawGraph:z.prototype.drawGraph});m.bubble=p(m.scatter,{dataLabels:{inside:!0,style:{color:"white",textShadow:"0px 0px 3px black"},verticalAlign:"middle"},marker:{lineColor:null,lineWidth:1},minSize:8,maxSize:"20%",tooltip:{pointFormat:"({point.x}, {point.y}), Size: {point.z}"},turboThreshold:0,
+zThreshold:0});h.bubble=x(h.scatter,{type:"bubble",pointArrayMap:["y","z"],trackerGroups:["group","dataLabelsGroup"],bubblePadding:!0,pointAttrToOptions:{stroke:"lineColor","stroke-width":"lineWidth",fill:"fillColor"},applyOpacity:function(a){var b=this.options.marker,c=q(b.fillOpacity,0.5),a=a||b.fillColor||this.color;c!==1&&(a=l.Color(a).setOpacity(c).get("rgba"));return a},convertAttribs:function(){var a=z.prototype.convertAttribs.apply(this,arguments);a.fill=this.applyOpacity(a.fill);return a},
+getRadii:function(a,b,c,d){var g,f,e,i=this.zData,h=[],k=this.options.sizeBy!=="width";for(f=0,g=i.length;f<g;f++)e=b-a,e=e>0?(i[f]-a)/(b-a):0.5,k&&(e=Math.sqrt(e)),h.push(s.ceil(c+e*(d-c))/2);this.radii=h},animate:function(a){var b=this.options.animation;if(!a)r(this.points,function(a){var d=a.graphic,a=a.shapeArgs;d&&a&&(d.attr("r",1),d.animate({r:a.r},b))}),this.animate=null},translate:function(){var a,b=this.data,c,d,g=this.radii;h.scatter.prototype.translate.call(this);for(a=b.length;a--;)c=
+b[a],d=g?g[a]:0,c.negative=c.z<(this.options.zThreshold||0),d>=this.minPxSize/2?(c.shapeType="circle",c.shapeArgs={x:c.plotX,y:c.plotY,r:d},c.dlBox={x:c.plotX-d,y:c.plotY-d,width:2*d,height:2*d}):c.shapeArgs=c.plotY=c.dlBox=C},drawLegendSymbol:function(a,b){var c=v(a.itemStyle.fontSize)/2;b.legendSymbol=this.chart.renderer.circle(c,a.baseline-c,c).attr({zIndex:3}).add(b.legendGroup);b.legendSymbol.isMarker=!0},drawPoints:h.column.prototype.drawPoints,alignDataLabel:h.column.prototype.alignDataLabel});
+N.prototype.beforePadding=function(){var a=this,b=this.len,c=this.chart,d=0,g=b,f=this.isXAxis,e=f?"xData":"yData",i=this.min,h={},k=s.min(c.plotWidth,c.plotHeight),j=Number.MAX_VALUE,l=-Number.MAX_VALUE,m=this.max-i,n=b/m,p=[];this.tickPositions&&(r(this.series,function(b){var c=b.options;if(b.bubblePadding&&b.visible&&(a.allowZoomOutside=!0,p.push(b),f))r(["minSize","maxSize"],function(a){var b=c[a],d=/%$/.test(b),b=v(b);h[a]=d?k*b/100:b}),b.minPxSize=h.minSize,b=b.zData,b.length&&(j=s.min(j,s.max(P(b),
+c.displayNegative===!1?c.zThreshold:-Number.MAX_VALUE)),l=s.max(l,Q(b)))}),r(p,function(a){var b=a[e],c=b.length,k;f&&a.getRadii(j,l,h.minSize,h.maxSize);if(m>0)for(;c--;)b[c]!==null&&(k=a.radii[c],d=Math.min((b[c]-i)*n-k,d),g=Math.max((b[c]-i)*n+k,g))}),p.length&&m>0&&q(this.options.min,this.userMin)===C&&q(this.options.max,this.userMax)===C&&(g-=b,n*=(b+d-g)/b,this.min+=d/n,this.max+=g/n))};var y=z.prototype,m=l.Pointer.prototype;y.toXY=function(a){var b,c=this.chart;b=a.plotX;var d=a.plotY;a.rectPlotX=
+b;a.rectPlotY=d;a.clientX=(b/Math.PI*180+this.xAxis.pane.options.startAngle)%360;b=this.xAxis.postTranslate(a.plotX,this.yAxis.len-d);a.plotX=a.polarPlotX=b.x-c.plotLeft;a.plotY=a.polarPlotY=b.y-c.plotTop};y.orderTooltipPoints=function(a){if(this.chart.polar&&(a.sort(function(a,c){return a.clientX-c.clientX}),a[0]))a[0].wrappedClientX=a[0].clientX+360,a.push(a[0])};n(h.area.prototype,"init",K);n(h.areaspline.prototype,"init",K);n(h.spline.prototype,"getPointSpline",function(a,b,c,d){var g,f,e,i,h,
+k,j;if(this.chart.polar){g=c.plotX;f=c.plotY;a=b[d-1];e=b[d+1];this.connectEnds&&(a||(a=b[b.length-2]),e||(e=b[1]));if(a&&e)i=a.plotX,h=a.plotY,b=e.plotX,k=e.plotY,i=(1.5*g+i)/2.5,h=(1.5*f+h)/2.5,e=(1.5*g+b)/2.5,j=(1.5*f+k)/2.5,b=Math.sqrt(Math.pow(i-g,2)+Math.pow(h-f,2)),k=Math.sqrt(Math.pow(e-g,2)+Math.pow(j-f,2)),i=Math.atan2(h-f,i-g),h=Math.atan2(j-f,e-g),j=Math.PI/2+(i+h)/2,Math.abs(i-j)>Math.PI/2&&(j-=Math.PI),i=g+Math.cos(j)*b,h=f+Math.sin(j)*b,e=g+Math.cos(Math.PI+j)*k,j=f+Math.sin(Math.PI+
+j)*k,c.rightContX=e,c.rightContY=j;d?(c=["C",a.rightContX||a.plotX,a.rightContY||a.plotY,i||g,h||f,g,f],a.rightContX=a.rightContY=null):c=["M",g,f]}else c=a.call(this,b,c,d);return c});n(y,"translate",function(a){a.call(this);if(this.chart.polar&&!this.preventPostTranslate)for(var a=this.points,b=a.length;b--;)this.toXY(a[b])});n(y,"getSegmentPath",function(a,b){var c=this.points;if(this.chart.polar&&this.options.connectEnds!==!1&&b[b.length-1]===c[c.length-1]&&c[0].y!==null)this.connectEnds=!0,b=
+[].concat(b,[c[0]]);return a.call(this,b)});n(y,"animate",L);n(t,"animate",L);n(y,"setTooltipPoints",function(a,b){this.chart.polar&&F(this.xAxis,{tooltipLen:360});return a.call(this,b)});n(t,"translate",function(a){var b=this.xAxis,c=this.yAxis.len,d=b.center,g=b.startAngleRad,f=this.chart.renderer,e,h;this.preventPostTranslate=!0;a.call(this);if(b.isRadial){b=this.points;for(h=b.length;h--;)e=b[h],a=e.barX+g,e.shapeType="path",e.shapeArgs={d:f.symbols.arc(d[0],d[1],c-e.plotY,null,{start:a,end:a+
+e.pointWidth,innerR:c-q(e.yBottom,c)})},this.toXY(e)}});n(t,"alignDataLabel",function(a,b,c,d,g,f){if(this.chart.polar){a=b.rectPlotX/Math.PI*180;if(d.align===null)d.align=a>20&&a<160?"left":a>200&&a<340?"right":"center";if(d.verticalAlign===null)d.verticalAlign=a<45||a>315?"bottom":a>135&&a<225?"top":"middle";y.alignDataLabel.call(this,b,c,d,g,f)}else a.call(this,b,c,d,g,f)});n(m,"getIndex",function(a,b){var c,d=this.chart,g;d.polar?(g=d.xAxis[0].center,c=b.chartX-g[0]-d.plotLeft,d=b.chartY-g[1]-
+d.plotTop,c=180-Math.round(Math.atan2(c,d)/Math.PI*180)):c=a.call(this,b);return c});n(m,"getCoordinates",function(a,b){var c=this.chart,d={xAxis:[],yAxis:[]};c.polar?r(c.axes,function(a){var f=a.isXAxis,e=a.center,h=b.chartX-e[0]-c.plotLeft,e=b.chartY-e[1]-c.plotTop;d[f?"xAxis":"yAxis"].push({axis:a,value:a.translate(f?Math.PI-Math.atan2(h,e):Math.sqrt(Math.pow(h,2)+Math.pow(e,2)),!0)})}):d=a.call(this,b);return d})})(Highcharts);