| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533 |
- /* *
- *
- * Experimental Highcharts module which enables visualization of a word cloud.
- *
- * (c) 2016-2021 Highsoft AS
- * Authors: Jon Arild Nygard
- *
- * License: www.highcharts.com/license
- *
- * !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
- * */
- import PolygonMixin from '../../Mixins/Polygon.js';
- var isPolygonsColliding = PolygonMixin.isPolygonsColliding, movePolygon = PolygonMixin.movePolygon;
- import U from '../../Core/Utilities.js';
- var extend = U.extend, find = U.find, isNumber = U.isNumber, isObject = U.isObject, merge = U.merge;
- /* *
- *
- * Namespace
- *
- * */
- var WordcloudUtils;
- (function (WordcloudUtils) {
- /* *
- *
- * Functions
- *
- * */
- /**
- * Detects if there is a collision between two rectangles.
- *
- * @private
- * @function isRectanglesIntersecting
- *
- * @param {Highcharts.PolygonBoxObject} r1
- * First rectangle.
- *
- * @param {Highcharts.PolygonBoxObject} 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);
- }
- WordcloudUtils.isRectanglesIntersecting = isRectanglesIntersecting;
- /**
- * 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.rotation % 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;
- }
- WordcloudUtils.intersectsAnyWord = intersectsAnyWord;
- /**
- * Gives a set of cordinates for an Archimedian Spiral.
- *
- * @private
- * @function archimedeanSpiral
- *
- * @param {number} attempt
- * How far along the spiral we have traversed.
- *
- * @param {Highcharts.WordcloudSpiralParamsObject} [params]
- * Additional parameters.
- *
- * @return {boolean|Highcharts.PositionObject}
- * 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;
- }
- WordcloudUtils.archimedeanSpiral = archimedeanSpiral;
- /**
- * Gives a set of cordinates for an rectangular spiral.
- *
- * @private
- * @function squareSpiral
- *
- * @param {number} attempt
- * How far along the spiral we have traversed.
- *
- * @param {Highcharts.WordcloudSpiralParamsObject} [params]
- * Additional parameters.
- *
- * @return {boolean|Highcharts.PositionObject}
- * Resulting coordinates, x and y. False if the word should be dropped from
- * the visualization.
- */
- function squareSpiral(attempt, params) {
- 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;
- }
- WordcloudUtils.squareSpiral = squareSpiral;
- /**
- * Gives a set of cordinates for an rectangular spiral.
- *
- * @private
- * @function rectangularSpiral
- *
- * @param {number} attempt
- * How far along the spiral we have traversed.
- *
- * @param {Highcharts.WordcloudSpiralParamsObject} [params]
- * Additional parameters.
- *
- * @return {boolean|Higcharts.PositionObject}
- * 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;
- }
- WordcloudUtils.rectangularSpiral = rectangularSpiral;
- /**
- * @private
- * @function getRandomPosition
- *
- * @param {number} size
- * Random factor.
- *
- * @return {number}
- * Random position.
- */
- function getRandomPosition(size) {
- return Math.round((size * (Math.random() + 0.5)) / 2);
- }
- WordcloudUtils.getRandomPosition = getRandomPosition;
- /**
- * 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);
- }
- WordcloudUtils.getScale = getScale;
- /**
- * 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
- };
- }
- WordcloudUtils.getPlayingField = getPlayingField;
- /**
- * 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 > 0 &&
- index > -1 &&
- to > from) {
- range = to - from;
- intervals = range / (orientations - 1 || 1);
- orientation = index % orientations;
- result = from + (orientation * intervals);
- }
- return result;
- }
- WordcloudUtils.getRotation = getRotation;
- /**
- * 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++) {
- // @todo unnecessary amount of precaclulation
- arr.push(fn(i, params));
- }
- return function (attempt) {
- return attempt <= length ? arr[attempt - 1] : false;
- };
- }
- WordcloudUtils.getSpiral = getSpiral;
- /**
- * Detects if a word is placed outside the playing field.
- *
- * @private
- * @function outsidePlayingField
- *
- * @param {Highcharts.PolygonBoxObject} rect
- * The word box.
- *
- * @param {Highcharts.WordcloudFieldObject} 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);
- }
- WordcloudUtils.outsidePlayingField = outsidePlayingField;
- /**
- * 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 {Highcharts.WordcloudTestOptionsObject} options
- * Options object.
- *
- * @return {boolean|Highcharts.PositionObject}
- * 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;
- }
- WordcloudUtils.intersectionTesting = intersectionTesting;
- /**
- * Extends the playing field to have enough space to fit a given word.
- *
- * @private
- * @function extendPlayingField
- *
- * @param {Highcharts.WordcloudFieldObject} field
- * The width, height and ratios of a playing field.
- *
- * @param {Highcharts.PolygonBoxObject} rectangle
- * The bounding box of the word to add space for.
- *
- * @return {Highcharts.WordcloudFieldObject}
- * 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;
- }
- WordcloudUtils.extendPlayingField = extendPlayingField;
- /**
- * 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 {Highcharts.WordcloudFieldObject} field
- * The bounding box of a playing field.
- *
- * @param {Highcharts.PolygonBoxObject} rectangle
- * The bounding box for a placed point.
- *
- * @return {Highcharts.WordcloudFieldObject}
- * 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;
- }
- WordcloudUtils.updateFieldBoundaries = updateFieldBoundaries;
- })(WordcloudUtils || (WordcloudUtils = {}));
- /* *
- *
- * Default export
- *
- * */
- export default WordcloudUtils;
|