12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475 |
- /**
- * @license Highcharts JS v7.0.2 (2019-01-17)
- *
- * (c) 2016-2019 Highsoft AS
- * Authors: Jon Arild Nygard
- *
- * License: www.highcharts.com/license
- */
- 'use strict';
- (function (factory) {
- if (typeof module === 'object' && module.exports) {
- factory['default'] = factory;
- module.exports = factory;
- } else if (typeof define === 'function' && define.amd) {
- define(function () {
- return factory;
- });
- } else {
- factory(typeof Highcharts !== 'undefined' ? Highcharts : undefined);
- }
- }(function (Highcharts) {
- var draw = (function () {
- var isFn = function (x) {
- return typeof x === 'function';
- };
- /**
- * Handles the drawing of a point.
- *
- * @private
- * @function draw
- *
- * @param {object} params
- * Parameters.
- *
- * @todo
- * - add type checking.
- */
- var draw = function draw(params) {
- var point = this,
- graphic = point.graphic,
- animatableAttribs = params.animatableAttribs,
- onComplete = params.onComplete,
- css = params.css,
- renderer = params.renderer;
- if (point.shouldDraw()) {
- if (!graphic) {
- point.graphic = graphic =
- renderer[params.shapeType](params.shapeArgs).add(params.group);
- }
- graphic
- .css(css)
- .attr(params.attribs)
- .animate(
- animatableAttribs,
- params.isNew ? false : undefined,
- onComplete
- );
- } else if (graphic) {
- graphic.animate(animatableAttribs, undefined, function () {
- point.graphic = graphic = graphic.destroy();
- if (isFn(onComplete)) {
- onComplete();
- }
- });
- }
- if (graphic) {
- graphic.addClass(point.getClassName(), true);
- }
- };
- return draw;
- }());
- var collision = (function (H) {
- var deg2rad = H.deg2rad,
- find = H.find,
- isArray = H.isArray,
- isNumber = H.isNumber;
- /**
- * Alternative solution to correctFloat.
- * E.g H.correctFloat(123, 2) returns 120, when it should be 123.
- *
- * @private
- * @function correctFloat
- *
- * @param {number} number
- *
- * @param {number} precision
- *
- * @return {number}
- */
- var correctFloat = function (number, precision) {
- var p = isNumber(precision) ? precision : 14,
- magnitude = Math.pow(10, p);
- return Math.round(number * magnitude) / magnitude;
- };
- /**
- * Calculates the normals to a line between two points.
- *
- * @private
- * @function getNormals
- *
- * @param {Array<number,number>} p1
- * Start point for the line. Array of x and y value.
- *
- * @param {Array<number,number>} p2
- * End point for the line. Array of x and y value.
- *
- * @return {Array<Array<number,number>>}
- * Returns the two normals in an array.
- */
- var getNormals = function getNormal(p1, p2) {
- var dx = p2[0] - p1[0], // x2 - x1
- dy = p2[1] - p1[1]; // y2 - y1
- return [
- [-dy, dx],
- [dy, -dx]
- ];
- };
- /**
- * Calculates the dot product of two coordinates. The result is a scalar value.
- *
- * @private
- * @function dotProduct
- *
- * @param {Array<number,number>} a
- * The x and y coordinates of the first point.
- *
- * @param {Array<number,number>} b
- * The x and y coordinates of the second point.
- *
- * @return {number}
- * Returns the dot product of a and b.
- */
- var dotProduct = function dotProduct(a, b) {
- var ax = a[0],
- ay = a[1],
- bx = b[0],
- by = b[1];
- return ax * bx + ay * by;
- };
- /**
- * Projects a polygon onto a coordinate.
- *
- * @private
- * @function project
- *
- * @param {Array<Array<number,number>>} polygon
- * Array of points in a polygon.
- *
- * @param {Array<number,number>} target
- * The coordinate of pr
- *
- * @return {object}
- */
- var project = function project(polygon, target) {
- var products = polygon.map(function (point) {
- return dotProduct(point, target);
- });
- return {
- min: Math.min.apply(this, products),
- max: Math.max.apply(this, products)
- };
- };
- /**
- * Rotates a point clockwise around the origin.
- *
- * @private
- * @function rotate2DToOrigin
- *
- * @param {Array<number,number>} point
- * The x and y coordinates for the point.
- *
- * @param {number} angle
- * The angle of rotation.
- *
- * @return {Array<number,number>}
- * The x and y coordinate for the rotated point.
- */
- var rotate2DToOrigin = function (point, angle) {
- var x = point[0],
- y = point[1],
- rad = deg2rad * -angle,
- cosAngle = Math.cos(rad),
- sinAngle = Math.sin(rad);
- return [
- correctFloat(x * cosAngle - y * sinAngle),
- correctFloat(x * sinAngle + y * cosAngle)
- ];
- };
- /**
- * Rotate a point clockwise around another point.
- *
- * @private
- * @function rotate2DToPoint
- *
- * @param {Array<number,number>} point
- * The x and y coordinates for the point.
- *
- * @param {Array<number,numbner>} origin
- * The point to rotate around.
- *
- * @param {number} angle
- * The angle of rotation.
- *
- * @return {Array<number,number>}
- * The x and y coordinate for the rotated point.
- */
- var rotate2DToPoint = function (point, origin, angle) {
- var x = point[0] - origin[0],
- y = point[1] - origin[1],
- rotated = rotate2DToOrigin([x, y], angle);
- return [
- rotated[0] + origin[0],
- rotated[1] + origin[1]
- ];
- };
- var isAxesEqual = function (axis1, axis2) {
- return (
- axis1[0] === axis2[0] &&
- axis1[1] === axis2[1]
- );
- };
- var getAxesFromPolygon = function (polygon) {
- var points,
- axes = polygon.axes;
- if (!isArray(axes)) {
- axes = [];
- points = points = polygon.concat([polygon[0]]);
- points.reduce(
- function findAxis(p1, p2) {
- var normals = getNormals(p1, p2),
- axis = normals[0]; // Use the left normal as axis.
- // Check that the axis is unique.
- if (!find(axes, function (existing) {
- return isAxesEqual(existing, axis);
- })) {
- axes.push(axis);
- }
- // Return p2 to be used as p1 in next iteration.
- return p2;
- }
- );
- polygon.axes = axes;
- }
- return axes;
- };
- var getAxes = function (polygon1, polygon2) {
- // Get the axis from both polygons.
- var axes1 = getAxesFromPolygon(polygon1),
- axes2 = getAxesFromPolygon(polygon2);
- return axes1.concat(axes2);
- };
- var getPolygon = function (x, y, width, height, rotation) {
- var origin = [x, y],
- left = x - (width / 2),
- right = x + (width / 2),
- top = y - (height / 2),
- bottom = y + (height / 2),
- polygon = [
- [left, top],
- [right, top],
- [right, bottom],
- [left, bottom]
- ];
- return polygon.map(function (point) {
- return rotate2DToPoint(point, origin, -rotation);
- });
- };
- var getBoundingBoxFromPolygon = function (points) {
- return points.reduce(function (obj, point) {
- var x = point[0],
- y = point[1];
- obj.left = Math.min(x, obj.left);
- obj.right = Math.max(x, obj.right);
- obj.bottom = Math.max(y, obj.bottom);
- obj.top = Math.min(y, obj.top);
- return obj;
- }, {
- left: Number.MAX_VALUE,
- right: -Number.MAX_VALUE,
- bottom: -Number.MAX_VALUE,
- top: Number.MAX_VALUE
- });
- };
- var isPolygonsOverlappingOnAxis = function (axis, polygon1, polygon2) {
- var projection1 = project(polygon1, axis),
- projection2 = project(polygon2, axis),
- isOverlapping = !(
- projection2.min > projection1.max ||
- projection2.max < projection1.min
- );
- return !isOverlapping;
- };
- /**
- * Checks wether two convex polygons are colliding by using the Separating Axis
- * Theorem.
- *
- * @private
- * @function isPolygonsColliding
- *
- * @param {Array<Array<number,number>>} polygon1
- * First polygon.
- *
- * @param {Array<Array<number,number>>} polygon2
- * Second polygon.
- *
- * @return {boolean}
- * Returns true if they are colliding, otherwise false.
- */
- var isPolygonsColliding = function isPolygonsColliding(polygon1, polygon2) {
- var axes = getAxes(polygon1, polygon2),
- overlappingOnAllAxes = !find(axes, function (axis) {
- return isPolygonsOverlappingOnAxis(axis, polygon1, polygon2);
- });
- return overlappingOnAllAxes;
- };
- var movePolygon = function (deltaX, deltaY, polygon) {
- return polygon.map(function (point) {
- return [
- point[0] + deltaX,
- point[1] + deltaY
- ];
- });
- };
- var collision = {
- getBoundingBoxFromPolygon: getBoundingBoxFromPolygon,
- getPolygon: getPolygon,
- isPolygonsColliding: isPolygonsColliding,
- movePolygon: movePolygon,
- rotate2DToOrigin: rotate2DToOrigin,
- rotate2DToPoint: rotate2DToPoint
- };
- return collision;
- }(Highcharts));
- (function (H, drawPoint, polygon) {
- /* *
- * Experimental Highcharts module which enables visualization of a word cloud.
- *
- * (c) 2016-2019 Highsoft AS
- *
- * Authors: Jon Arild Nygard
- *
- * License: www.highcharts.com/license
- */
- var extend = H.extend,
- isArray = H.isArray,
- isNumber = H.isNumber,
- isObject = H.isObject,
- merge = H.merge,
- noop = H.noop,
- find = H.find,
- getBoundingBoxFromPolygon = polygon.getBoundingBoxFromPolygon,
- getPolygon = polygon.getPolygon,
- isPolygonsColliding = polygon.isPolygonsColliding,
- movePolygon = polygon.movePolygon,
- Series = H.Series;
- /**
- * Detects if there is a collision between two rectangles.
- *
- * @private
- * @function isRectanglesIntersecting
- *
- * @param {object} r1
- * First rectangle.
- *
- * @param {object} r2
- * Second rectangle.
- *
- * @return {boolean}
- * Returns true if the rectangles overlap.
- */
- function isRectanglesIntersecting(r1, r2) {
- return !(
- r2.left > r1.right ||
- r2.right < r1.left ||
- r2.top > r1.bottom ||
- r2.bottom < r1.top
- );
- }
- /**
- * Detects if a word collides with any previously placed words.
- *
- * @private
- * @function intersectsAnyWord
- *
- * @param {Highcharts.Point} point
- * Point which the word is connected to.
- *
- * @param {Array<Highcharts.Point>} points
- * Previously placed points to check against.
- *
- * @return {boolean}
- * Returns true if there is collision.
- */
- function intersectsAnyWord(point, points) {
- var intersects = false,
- rect = point.rect,
- polygon = point.polygon,
- lastCollidedWith = point.lastCollidedWith,
- isIntersecting = function (p) {
- var result = isRectanglesIntersecting(rect, p.rect);
- if (result && (point.rotation % 90 || p.roation % 90)) {
- result = isPolygonsColliding(
- polygon,
- p.polygon
- );
- }
- return result;
- };
- // If the point has already intersected a different point, chances are they
- // are still intersecting. So as an enhancement we check this first.
- if (lastCollidedWith) {
- intersects = isIntersecting(lastCollidedWith);
- // If they no longer intersects, remove the cache from the point.
- if (!intersects) {
- delete point.lastCollidedWith;
- }
- }
- // If not already found, then check if we can find a point that is
- // intersecting.
- if (!intersects) {
- intersects = !!find(points, function (p) {
- var result = isIntersecting(p);
- if (result) {
- point.lastCollidedWith = p;
- }
- return result;
- });
- }
- return intersects;
- }
- /**
- * Gives a set of cordinates for an Archimedian Spiral.
- *
- * @private
- * @function archimedeanSpiral
- *
- * @param {number} attempt
- * How far along the spiral we have traversed.
- *
- * @param {object} params
- * Additional parameters.
- *
- * @param {object} params.field
- * Size of field.
- *
- * @return {boolean|object}
- * Resulting coordinates, x and y. False if the word should be dropped
- * from the visualization.
- */
- function archimedeanSpiral(attempt, params) {
- var field = params.field,
- result = false,
- maxDelta = (field.width * field.width) + (field.height * field.height),
- t = attempt * 0.8; // 0.2 * 4 = 0.8. Enlarging the spiral.
- // Emergency brake. TODO make spiralling logic more foolproof.
- if (attempt <= 10000) {
- result = {
- x: t * Math.cos(t),
- y: t * Math.sin(t)
- };
- if (!(Math.min(Math.abs(result.x), Math.abs(result.y)) < maxDelta)) {
- result = false;
- }
- }
- return result;
- }
- /**
- * Gives a set of cordinates for an rectangular spiral.
- *
- * @private
- * @function squareSpiral
- *
- * @param {number} attempt
- * How far along the spiral we have traversed.
- *
- * @param {object} params
- * Additional parameters.
- *
- * @return {boolean|object}
- * Resulting coordinates, x and y. False if the word should be dropped
- * from the visualization.
- */
- function squareSpiral(attempt) {
- var a = attempt * 4,
- k = Math.ceil((Math.sqrt(a) - 1) / 2),
- t = 2 * k + 1,
- m = Math.pow(t, 2),
- isBoolean = function (x) {
- return typeof x === 'boolean';
- },
- result = false;
- t -= 1;
- if (attempt <= 10000) {
- if (isBoolean(result) && a >= m - t) {
- result = {
- x: k - (m - a),
- y: -k
- };
- }
- m -= t;
- if (isBoolean(result) && a >= m - t) {
- result = {
- x: -k,
- y: -k + (m - a)
- };
- }
- m -= t;
- if (isBoolean(result)) {
- if (a >= m - t) {
- result = {
- x: -k + (m - a),
- y: k
- };
- } else {
- result = {
- x: k,
- y: k - (m - a - t)
- };
- }
- }
- result.x *= 5;
- result.y *= 5;
- }
- return result;
- }
- /**
- * Gives a set of cordinates for an rectangular spiral.
- *
- * @private
- * @function rectangularSpiral
- *
- * @param {number} attempt
- * How far along the spiral we have traversed.
- *
- * @param {object} params
- * Additional parameters.
- *
- * @return {boolean|object}
- * Resulting coordinates, x and y. False if the word should be dropped
- * from the visualization.
- */
- function rectangularSpiral(attempt, params) {
- var result = squareSpiral(attempt, params),
- field = params.field;
- if (result) {
- result.x *= field.ratioX;
- result.y *= field.ratioY;
- }
- return result;
- }
- /**
- * @private
- * @function getRandomPosition
- *
- * @param {number} size
- *
- * @return {number}
- */
- function getRandomPosition(size) {
- return Math.round((size * (Math.random() + 0.5)) / 2);
- }
- /**
- * Calculates the proper scale to fit the cloud inside the plotting area.
- *
- * @private
- * @function getScale
- *
- * @param {number} targetWidth
- * Width of target area.
- *
- * @param {number} targetHeight
- * Height of target area.
- *
- * @param {object} field
- * The playing field.
- *
- * @param {Highcharts.Series} series
- * Series object.
- *
- * @return {number}
- * Returns the value to scale the playing field up to the size of the
- * target area.
- */
- function getScale(targetWidth, targetHeight, field) {
- var height = Math.max(Math.abs(field.top), Math.abs(field.bottom)) * 2,
- width = Math.max(Math.abs(field.left), Math.abs(field.right)) * 2,
- scaleX = width > 0 ? 1 / width * targetWidth : 1,
- scaleY = height > 0 ? 1 / height * targetHeight : 1;
- return Math.min(scaleX, scaleY);
- }
- /**
- * Calculates what is called the playing field. The field is the area which all
- * the words are allowed to be positioned within. The area is proportioned to
- * match the target aspect ratio.
- *
- * @private
- * @function getPlayingField
- *
- * @param {number} targetWidth
- * Width of the target area.
- *
- * @param {number} targetHeight
- * Height of the target area.
- *
- * @param {Array<Highcharts.Point>} data
- * Array of points.
- *
- * @param {object} data.dimensions
- * The height and width of the word.
- *
- * @return {object}
- * The width and height of the playing field.
- */
- function getPlayingField(
- targetWidth,
- targetHeight,
- data
- ) {
- var info = data.reduce(function (obj, point) {
- var dimensions = point.dimensions,
- x = Math.max(dimensions.width, dimensions.height);
- // Find largest height.
- obj.maxHeight = Math.max(obj.maxHeight, dimensions.height);
- // Find largest width.
- obj.maxWidth = Math.max(obj.maxWidth, dimensions.width);
- // Sum up the total maximum area of all the words.
- obj.area += x * x;
- return obj;
- }, {
- maxHeight: 0,
- maxWidth: 0,
- area: 0
- }),
- /**
- * Use largest width, largest height, or root of total area to give size
- * to the playing field.
- */
- x = Math.max(
- info.maxHeight, // Have enough space for the tallest word
- info.maxWidth, // Have enough space for the broadest word
- // Adjust 15% to account for close packing of words
- Math.sqrt(info.area) * 0.85
- ),
- ratioX = targetWidth > targetHeight ? targetWidth / targetHeight : 1,
- ratioY = targetHeight > targetWidth ? targetHeight / targetWidth : 1;
- return {
- width: x * ratioX,
- height: x * ratioY,
- ratioX: ratioX,
- ratioY: ratioY
- };
- }
- /**
- * Calculates a number of degrees to rotate, based upon a number of orientations
- * within a range from-to.
- *
- * @private
- * @function getRotation
- *
- * @param {number} orientations
- * Number of orientations.
- *
- * @param {number} index
- * Index of point, used to decide orientation.
- *
- * @param {number} from
- * The smallest degree of rotation.
- *
- * @param {number} to
- * The largest degree of rotation.
- *
- * @return {boolean|number}
- * Returns the resulting rotation for the word. Returns false if invalid
- * input parameters.
- */
- function getRotation(orientations, index, from, to) {
- var result = false, // Default to false
- range,
- intervals,
- orientation;
- // Check if we have valid input parameters.
- if (
- isNumber(orientations) &&
- isNumber(index) &&
- isNumber(from) &&
- isNumber(to) &&
- orientations > -1 &&
- index > -1 &&
- to > from
- ) {
- range = to - from;
- intervals = range / (orientations - 1);
- orientation = index % orientations;
- result = from + (orientation * intervals);
- }
- return result;
- }
- /**
- * Calculates the spiral positions and store them in scope for quick access.
- *
- * @private
- * @function getSpiral
- *
- * @param {Function} fn
- * The spiral function.
- *
- * @param {object} params
- * Additional parameters for the spiral.
- *
- * @return {Function}
- * Function with access to spiral positions.
- */
- function getSpiral(fn, params) {
- var length = 10000,
- i,
- arr = [];
- for (i = 1; i < length; i++) {
- arr.push(fn(i, params));
- }
- return function (attempt) {
- return attempt <= length ? arr[attempt - 1] : false;
- };
- }
- /**
- * Detects if a word is placed outside the playing field.
- *
- * @private
- * @function outsidePlayingField
- *
- * @param {Highcharts.Point} point
- * Point which the word is connected to.
- *
- * @param {object} field
- * The width and height of the playing field.
- *
- * @return {boolean}
- * Returns true if the word is placed outside the field.
- */
- function outsidePlayingField(rect, field) {
- var playingField = {
- left: -(field.width / 2),
- right: field.width / 2,
- top: -(field.height / 2),
- bottom: field.height / 2
- };
- return !(
- playingField.left < rect.left &&
- playingField.right > rect.right &&
- playingField.top < rect.top &&
- playingField.bottom > rect.bottom
- );
- }
- /**
- * Check if a point intersects with previously placed words, or if it goes
- * outside the field boundaries. If a collision, then try to adjusts the
- * position.
- *
- * @private
- * @function intersectionTesting
- *
- * @param {Highcharts.Point} point
- * Point to test for intersections.
- *
- * @param {object} options
- * Options object.
- *
- * @return {boolean|object}
- * Returns an object with how much to correct the positions. Returns
- * false if the word should not be placed at all.
- */
- function intersectionTesting(point, options) {
- var placed = options.placed,
- field = options.field,
- rectangle = options.rectangle,
- polygon = options.polygon,
- spiral = options.spiral,
- attempt = 1,
- delta = {
- x: 0,
- y: 0
- },
- // Make a copy to update values during intersection testing.
- rect = point.rect = extend({}, rectangle);
- point.polygon = polygon;
- point.rotation = options.rotation;
- /* while w intersects any previously placed words:
- do {
- move w a little bit along a spiral path
- } while any part of w is outside the playing field and
- the spiral radius is still smallish */
- while (
- delta !== false &&
- (
- intersectsAnyWord(point, placed) ||
- outsidePlayingField(rect, field)
- )
- ) {
- delta = spiral(attempt);
- if (isObject(delta)) {
- // Update the DOMRect with new positions.
- rect.left = rectangle.left + delta.x;
- rect.right = rectangle.right + delta.x;
- rect.top = rectangle.top + delta.y;
- rect.bottom = rectangle.bottom + delta.y;
- point.polygon = movePolygon(delta.x, delta.y, polygon);
- }
- attempt++;
- }
- return delta;
- }
- /**
- * Extends the playing field to have enough space to fit a given word.
- *
- * @private
- * @function extendPlayingField
- *
- * @param {object} field
- * The width, height and ratios of a playing field.
- *
- * @param {object} rectangle
- * The bounding box of the word to add space for.
- *
- * @return {object}
- * Returns the extended playing field with updated height and width.
- */
- function extendPlayingField(field, rectangle) {
- var height, width, ratioX, ratioY, x, extendWidth, extendHeight, result;
- if (isObject(field) && isObject(rectangle)) {
- height = (rectangle.bottom - rectangle.top);
- width = (rectangle.right - rectangle.left);
- ratioX = field.ratioX;
- ratioY = field.ratioY;
- // Use the same variable to extend both the height and width.
- x = ((width * ratioX) > (height * ratioY)) ? width : height;
- // Multiply variable with ratios to preserve aspect ratio.
- extendWidth = x * ratioX;
- extendHeight = x * ratioY;
- // Calculate the size of the new field after adding space for the word.
- result = merge(field, {
- // Add space on the left and right.
- width: field.width + (extendWidth * 2),
- // Add space on the top and bottom.
- height: field.height + (extendHeight * 2)
- });
- } else {
- result = field;
- }
- // Return the new extended field.
- return result;
- }
- /**
- * If a rectangle is outside a give field, then the boundaries of the field is
- * adjusted accordingly. Modifies the field object which is passed as the first
- * parameter.
- *
- * @private
- * @function updateFieldBoundaries
- *
- * @param {object} field
- * The bounding box of a playing field.
- *
- * @param {object} placement
- * The bounding box for a placed point.
- *
- * @return {object}
- * Returns a modified field object.
- */
- function updateFieldBoundaries(field, rectangle) {
- // TODO improve type checking.
- if (!isNumber(field.left) || field.left > rectangle.left) {
- field.left = rectangle.left;
- }
- if (!isNumber(field.right) || field.right < rectangle.right) {
- field.right = rectangle.right;
- }
- if (!isNumber(field.top) || field.top > rectangle.top) {
- field.top = rectangle.top;
- }
- if (!isNumber(field.bottom) || field.bottom < rectangle.bottom) {
- field.bottom = rectangle.bottom;
- }
- return field;
- }
- /**
- * A word cloud is a visualization of a set of words, where the size and
- * placement of a word is determined by how it is weighted.
- *
- * @sample highcharts/demo/wordcloud
- * Word Cloud chart
- *
- * @extends plotOptions.column
- * @excluding allAreas, boostThreshold, clip, colorAxis, compare,
- * compareBase, crisp, cropTreshold, dataGrouping, dataLabels,
- * depth, edgeColor, findNearestPointBy, getExtremesFromAll,
- * grouping, groupPadding, groupZPadding, joinBy, maxPointWidth,
- * minPointLength, navigatorOptions, negativeColor, pointInterval,
- * pointIntervalUnit, pointPadding, pointPlacement, pointRange,
- * pointStart, pointWidth, pointStart, pointWidth, shadow,
- * showCheckbox, showInNavigator, softThreshold, stacking,
- * threshold, zoneAxis, zones
- * @product highcharts
- * @since 6.0.0
- * @optionparent plotOptions.wordcloud
- */
- var wordCloudOptions = {
- /**
- * If there is no space for a word on the playing field, then this option
- * will allow the playing field to be extended to fit the word. If false
- * then the word will be dropped from the visualization.
- *
- * NB! This option is currently not decided to be published in the API, and
- * is therefore marked as private.
- *
- * @private
- */
- allowExtendPlayingField: true,
- animation: {
- duration: 500
- },
- borderWidth: 0,
- clip: false, // Something goes wrong with clip. // @todo fix this
- colorByPoint: true,
- /**
- * A threshold determining the minimum font size that can be applied to a
- * word.
- */
- minFontSize: 1,
- /**
- * The word with the largest weight will have a font size equal to this
- * value. The font size of a word is the ratio between its weight and the
- * largest occuring weight, multiplied with the value of maxFontSize.
- */
- maxFontSize: 25,
- /**
- * This option decides which algorithm is used for placement, and rotation
- * of a word. The choice of algorith is therefore a crucial part of the
- * resulting layout of the wordcloud. It is possible for users to add their
- * own custom placement strategies for use in word cloud. Read more about it
- * in our
- * [documentation](https://www.highcharts.com/docs/chart-and-series-types/word-cloud-series#custom-placement-strategies)
- *
- * @validvalue: ["center", "random"]
- */
- placementStrategy: 'center',
- /**
- * Rotation options for the words in the wordcloud.
- *
- * @sample highcharts/plotoptions/wordcloud-rotation
- * Word cloud with rotation
- */
- rotation: {
- /**
- * The smallest degree of rotation for a word.
- */
- from: 0,
- /**
- * The number of possible orientations for a word, within the range of
- * `rotation.from` and `rotation.to`.
- */
- orientations: 2,
- /**
- * The largest degree of rotation for a word.
- */
- to: 90
- },
- showInLegend: false,
- /**
- * Spiral used for placing a word after the initial position experienced a
- * collision with either another word or the borders.
- * It is possible for users to add their own custom spiralling algorithms
- * for use in word cloud. Read more about it in our
- * [documentation](https://www.highcharts.com/docs/chart-and-series-types/word-cloud-series#custom-spiralling-algorithm)
- *
- * @validvalue: ["archimedean", "rectangular", "square"]
- */
- spiral: 'rectangular',
- /**
- * CSS styles for the words.
- *
- * @type {Highcharts.CSSObject}
- * @default {"fontFamily":"sans-serif", "fontWeight": "900"}
- */
- style: {
- /** @ignore-option */
- fontFamily: 'sans-serif',
- /** @ignore-option */
- fontWeight: '900'
- },
- tooltip: {
- followPointer: true,
- pointFormat: '<span style="color:{point.color}">\u25CF</span> {series.name}: <b>{point.weight}</b><br/>'
- }
- };
- // Properties of the WordCloud series.
- var wordCloudSeries = {
- animate: Series.prototype.animate,
- animateDrilldown: noop,
- animateDrillupFrom: noop,
- bindAxes: function () {
- var wordcloudAxis = {
- endOnTick: false,
- gridLineWidth: 0,
- lineWidth: 0,
- maxPadding: 0,
- startOnTick: false,
- title: null,
- tickPositions: []
- };
- Series.prototype.bindAxes.call(this);
- extend(this.yAxis.options, wordcloudAxis);
- extend(this.xAxis.options, wordcloudAxis);
- },
- pointAttribs: function (point, state) {
- var attribs = H.seriesTypes.column.prototype
- .pointAttribs.call(this, point, state);
- delete attribs.stroke;
- delete attribs['stroke-width'];
- return attribs;
- },
- /**
- * Calculates the fontSize of a word based on its weight.
- *
- * @private
- * @function Highcharts.Series#deriveFontSize
- *
- * @param {number} [relativeWeight=0]
- * The weight of the word, on a scale 0-1.
- *
- * @param {number} [maxFontSize=1]
- * The maximum font size of a word.
- *
- * @param {number} [minFontSize=1]
- * The minimum font size of a word.
- *
- * @return {number}
- * Returns the resulting fontSize of a word. If minFontSize is
- * larger then maxFontSize the result will equal minFontSize.
- */
- deriveFontSize: function deriveFontSize(
- relativeWeight,
- maxFontSize,
- minFontSize
- ) {
- var weight = isNumber(relativeWeight) ? relativeWeight : 0,
- max = isNumber(maxFontSize) ? maxFontSize : 1,
- min = isNumber(minFontSize) ? minFontSize : 1;
- return Math.floor(Math.max(min, weight * max));
- },
- drawPoints: function () {
- var series = this,
- hasRendered = series.hasRendered,
- xAxis = series.xAxis,
- yAxis = series.yAxis,
- chart = series.chart,
- group = series.group,
- options = series.options,
- animation = options.animation,
- allowExtendPlayingField = options.allowExtendPlayingField,
- renderer = chart.renderer,
- testElement = renderer.text().add(group),
- placed = [],
- placementStrategy = series.placementStrategy[
- options.placementStrategy
- ],
- spiral,
- rotation = options.rotation,
- scale,
- weights = series.points
- .map(function (p) {
- return p.weight;
- }),
- maxWeight = Math.max.apply(null, weights),
- data = series.points
- .sort(function (a, b) {
- return b.weight - a.weight; // Sort descending
- }),
- field;
- // Get the dimensions for each word.
- // Used in calculating the playing field.
- data.forEach(function (point) {
- var relativeWeight = 1 / maxWeight * point.weight,
- fontSize = series.deriveFontSize(
- relativeWeight,
- options.maxFontSize,
- options.minFontSize
- ),
- css = extend({
- fontSize: fontSize + 'px'
- }, options.style),
- bBox;
- testElement.css(css).attr({
- x: 0,
- y: 0,
- text: point.name
- });
- bBox = testElement.getBBox(true);
- point.dimensions = {
- height: bBox.height,
- width: bBox.width
- };
- });
- // Calculate the playing field.
- field = getPlayingField(xAxis.len, yAxis.len, data);
- spiral = getSpiral(series.spirals[options.spiral], {
- field: field
- });
- // Draw all the points.
- data.forEach(function (point) {
- var relativeWeight = 1 / maxWeight * point.weight,
- fontSize = series.deriveFontSize(
- relativeWeight,
- options.maxFontSize,
- options.minFontSize
- ),
- css = extend({
- fontSize: fontSize + 'px'
- }, options.style),
- placement = placementStrategy(point, {
- data: data,
- field: field,
- placed: placed,
- rotation: rotation
- }),
- attr = extend(
- series.pointAttribs(point, point.selected && 'select'),
- {
- align: 'center',
- 'alignment-baseline': 'middle',
- x: placement.x,
- y: placement.y,
- text: point.name,
- rotation: placement.rotation
- }
- ),
- polygon = getPolygon(
- placement.x,
- placement.y,
- point.dimensions.width,
- point.dimensions.height,
- placement.rotation
- ),
- rectangle = getBoundingBoxFromPolygon(polygon),
- delta = intersectionTesting(point, {
- rectangle: rectangle,
- polygon: polygon,
- field: field,
- placed: placed,
- spiral: spiral,
- rotation: placement.rotation
- }),
- animate;
- // If there is no space for the word, extend the playing field.
- if (!delta && allowExtendPlayingField) {
- // Extend the playing field to fit the word.
- field = extendPlayingField(field, rectangle);
- // Run intersection testing one more time to place the word.
- delta = intersectionTesting(point, {
- rectangle: rectangle,
- polygon: polygon,
- field: field,
- placed: placed,
- spiral: spiral,
- rotation: placement.rotation
- });
- }
- // Check if point was placed, if so delete it, otherwise place it on
- // the correct positions.
- if (isObject(delta)) {
- attr.x += delta.x;
- attr.y += delta.y;
- rectangle.left += delta.x;
- rectangle.right += delta.x;
- rectangle.top += delta.y;
- rectangle.bottom += delta.y;
- field = updateFieldBoundaries(field, rectangle);
- placed.push(point);
- point.isNull = false;
- } else {
- point.isNull = true;
- }
- if (animation) {
- // Animate to new positions
- animate = {
- x: attr.x,
- y: attr.y
- };
- // Animate from center of chart
- if (!hasRendered) {
- attr.x = 0;
- attr.y = 0;
- // or animate from previous position
- } else {
- delete attr.x;
- delete attr.y;
- }
- }
- point.draw({
- animatableAttribs: animate,
- attribs: attr,
- css: css,
- group: group,
- renderer: renderer,
- shapeArgs: undefined,
- shapeType: 'text'
- });
- });
- // Destroy the element after use.
- testElement = testElement.destroy();
- // Scale the series group to fit within the plotArea.
- scale = getScale(xAxis.len, yAxis.len, field);
- series.group.attr({
- scaleX: scale,
- scaleY: scale
- });
- },
- hasData: function () {
- var series = this;
- return (
- isObject(series) &&
- series.visible === true &&
- isArray(series.points) &&
- series.points.length > 0
- );
- },
- // Strategies used for deciding rotation and initial position of a word. To
- // implement a custom strategy, have a look at the function random for
- // example.
- placementStrategy: {
- random: function (point, options) {
- var field = options.field,
- r = options.rotation;
- return {
- x: getRandomPosition(field.width) - (field.width / 2),
- y: getRandomPosition(field.height) - (field.height / 2),
- rotation: getRotation(r.orientations, point.index, r.from, r.to)
- };
- },
- center: function (point, options) {
- var r = options.rotation;
- return {
- x: 0,
- y: 0,
- rotation: getRotation(r.orientations, point.index, r.from, r.to)
- };
- }
- },
- pointArrayMap: ['weight'],
- // Spirals used for placing a word after the initial position experienced a
- // collision with either another word or the borders. To implement a custom
- // spiral, look at the function archimedeanSpiral for example.
- spirals: {
- 'archimedean': archimedeanSpiral,
- 'rectangular': rectangularSpiral,
- 'square': squareSpiral
- },
- utils: {
- extendPlayingField: extendPlayingField,
- getRotation: getRotation,
- isPolygonsColliding: isPolygonsColliding,
- rotate2DToOrigin: polygon.rotate2DToOrigin,
- rotate2DToPoint: polygon.rotate2DToPoint
- },
- getPlotBox: function () {
- var series = this,
- chart = series.chart,
- inverted = chart.inverted,
- // Swap axes for inverted (#2339)
- xAxis = series[(inverted ? 'yAxis' : 'xAxis')],
- yAxis = series[(inverted ? 'xAxis' : 'yAxis')],
- width = xAxis ? xAxis.len : chart.plotWidth,
- height = yAxis ? yAxis.len : chart.plotHeight,
- x = xAxis ? xAxis.left : chart.plotLeft,
- y = yAxis ? yAxis.top : chart.plotTop;
- return {
- translateX: x + (width / 2),
- translateY: y + (height / 2),
- scaleX: 1, // #1623
- scaleY: 1
- };
- }
- };
- // Properties of the Sunburst series.
- var wordCloudPoint = {
- draw: drawPoint,
- shouldDraw: function shouldDraw() {
- var point = this;
- return !point.isNull;
- },
- weight: 1
- };
- /**
- * A `wordcloud` series. If the [type](#series.wordcloud.type) option is not
- * specified, it is inherited from [chart.type](#chart.type).
- *
- * @extends series,plotOptions.wordcloud
- * @product highcharts
- * @apioption series.wordcloud
- */
- /**
- * An array of data points for the series. For the `wordcloud` series type,
- * points can be given in the following ways:
- *
- * 1. An array of arrays with 2 values. In this case, the values correspond to
- * `name,weight`.
- * ```js
- * data: [
- * ['Lorem', 4],
- * ['Ipsum', 1]
- * ]
- * ```
- *
- * 2. An array of objects with named values. The following snippet shows only a
- * few settings, see the complete options set below. If the total number of
- * data points exceeds the series'
- * [turboThreshold](#series.arearange.turboThreshold), this option is not
- * available.
- * ```js
- * data: [{
- * name: "Lorem",
- * weight: 4
- * }, {
- * name: "Ipsum",
- * weight: 1
- * }]
- * ```
- *
- * @type {Array<Array<string,number>|*>}
- * @extends series.line.data
- * @excluding drilldown, marker, x, y
- * @product highcharts
- * @apioption series.wordcloud.data
- */
- /**
- * The name decides the text for a word.
- *
- * @type {string}
- * @since 6.0.0
- * @product highcharts
- * @apioption series.sunburst.data.name
- */
- /**
- * The weighting of a word. The weight decides the relative size of a word
- * compared to the rest of the collection.
- *
- * @type {number}
- * @since 6.0.0
- * @product highcharts
- * @apioption series.sunburst.data.weight
- */
- /**
- * @private
- * @class
- * @name Highcharts.seriesTypes.wordcloud
- *
- * @augments Highcharts.Series
- */
- H.seriesType(
- 'wordcloud',
- 'column',
- wordCloudOptions,
- wordCloudSeries,
- wordCloudPoint
- );
- }(Highcharts, draw, collision));
- return (function () {
- }());
- }));
|