123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888 |
- /**
- * @license Highmaps JS v9.1.1 (2021-06-04)
- *
- * Tilemap module
- *
- * (c) 2010-2021 Highsoft AS
- *
- * 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('highcharts/modules/tilemap', ['highcharts', 'highcharts/modules/map'], function (Highcharts) {
- factory(Highcharts);
- factory.Highcharts = Highcharts;
- return factory;
- });
- } else {
- factory(typeof Highcharts !== 'undefined' ? Highcharts : undefined);
- }
- }(function (Highcharts) {
- var _modules = Highcharts ? Highcharts._modules : {};
- function _registerModule(obj, path, args, fn) {
- if (!obj.hasOwnProperty(path)) {
- obj[path] = fn.apply(null, args);
- }
- }
- _registerModule(_modules, 'Series/Tilemap/TilemapPoint.js', [_modules['Mixins/ColorSeries.js'], _modules['Core/Series/SeriesRegistry.js'], _modules['Core/Utilities.js']], function (ColorSeriesModule, SeriesRegistry, U) {
- /* *
- *
- * Tilemaps module
- *
- * (c) 2010-2021 Highsoft AS
- * Author: Øystein Moseng
- *
- * License: www.highcharts.com/license
- *
- * !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
- *
- * */
- var __extends = (this && this.__extends) || (function () {
- var extendStatics = function (d,
- b) {
- extendStatics = Object.setPrototypeOf ||
- ({ __proto__: [] } instanceof Array && function (d,
- b) { d.__proto__ = b; }) ||
- function (d,
- b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
- return extendStatics(d, b);
- };
- return function (d, b) {
- extendStatics(d, b);
- function __() { this.constructor = d; }
- d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
- };
- })();
- var colorPointMixin = ColorSeriesModule.colorPointMixin;
- var Point = SeriesRegistry.series.prototype.pointClass,
- HeatmapPoint = SeriesRegistry.seriesTypes.heatmap.prototype.pointClass;
- var extend = U.extend;
- /* *
- *
- * Class
- *
- * */
- var TilemapPoint = /** @class */ (function (_super) {
- __extends(TilemapPoint, _super);
- function TilemapPoint() {
- /* *
- *
- * Properties
- *
- * */
- var _this = _super !== null && _super.apply(this,
- arguments) || this;
- _this.options = void 0;
- _this.radius = void 0;
- _this.series = void 0;
- _this.tileEdges = void 0;
- return _this;
- /* eslint-enable valid-jsdoc */
- }
- /* *
- *
- * Functions
- *
- * */
- /* eslint-disable valid-jsdoc */
- /**
- * @private
- * @function Highcharts.Point#haloPath
- *
- * @return {Highcharts.SVGElement|Highcharts.SVGPathArray|Array<Highcharts.SVGElement>}
- */
- TilemapPoint.prototype.haloPath = function () {
- return this.series.tileShape.haloPath.apply(this, arguments);
- };
- return TilemapPoint;
- }(HeatmapPoint));
- extend(TilemapPoint.prototype, {
- setState: Point.prototype.setState,
- setVisible: colorPointMixin.setVisible
- });
- /* *
- *
- * Default Export
- *
- * */
- return TilemapPoint;
- });
- _registerModule(_modules, 'Series/Tilemap/TilemapShapes.js', [_modules['Core/Globals.js'], _modules['Core/Series/SeriesRegistry.js'], _modules['Core/Utilities.js']], function (H, SeriesRegistry, U) {
- /* *
- *
- * Tilemaps module
- *
- * (c) 2010-2021 Highsoft AS
- * Author: Øystein Moseng
- *
- * License: www.highcharts.com/license
- *
- * !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
- *
- * */
- var noop = H.noop;
- var _a = SeriesRegistry.seriesTypes,
- HeatmapSeries = _a.heatmap,
- ScatterSeries = _a.scatter;
- var clamp = U.clamp,
- pick = U.pick;
- /**
- * Utility func to get padding definition from tile size division
- * @private
- * @param {Highcharts.TilemapSeries} series
- * series
- * @param {Highcharts.number} xDiv
- * xDiv
- * @param {Highcharts.number} yDiv
- * yDiv
- * @return {Highcharts.TilemapPaddingObject}
- */
- function tilePaddingFromTileSize(series, xDiv, yDiv) {
- var options = series.options;
- return {
- xPad: (options.colsize || 1) / -xDiv,
- yPad: (options.rowsize || 1) / -yDiv
- };
- }
- /* *
- *
- * Registry
- *
- * */
- /**
- * Map of shape types.
- * @private
- */
- var TilemapShapes = {
- // Hexagon shape type.
- hexagon: {
- alignDataLabel: ScatterSeries.prototype.alignDataLabel,
- getSeriesPadding: function (series) {
- return tilePaddingFromTileSize(series, 3, 2);
- },
- haloPath: function (size) {
- if (!size) {
- return [];
- }
- var hexagon = this.tileEdges;
- return [
- ['M', hexagon.x2 - size, hexagon.y1 + size],
- ['L', hexagon.x3 + size, hexagon.y1 + size],
- ['L', hexagon.x4 + size * 1.5, hexagon.y2],
- ['L', hexagon.x3 + size, hexagon.y3 - size],
- ['L', hexagon.x2 - size, hexagon.y3 - size],
- ['L', hexagon.x1 - size * 1.5, hexagon.y2],
- ['Z']
- ];
- },
- translate: function () {
- var series = this,
- options = series.options,
- xAxis = series.xAxis,
- yAxis = series.yAxis,
- seriesPointPadding = options.pointPadding || 0,
- xPad = (options.colsize || 1) / 3,
- yPad = (options.rowsize || 1) / 2,
- yShift;
- series.generatePoints();
- series.points.forEach(function (point) {
- var x1 = clamp(Math.floor(xAxis.len -
- xAxis.translate(point.x - xPad * 2, 0, 1, 0, 1)), -xAxis.len, 2 * xAxis.len),
- x2 = clamp(Math.floor(xAxis.len -
- xAxis.translate(point.x - xPad, 0, 1, 0, 1)), -xAxis.len, 2 * xAxis.len),
- x3 = clamp(Math.floor(xAxis.len -
- xAxis.translate(point.x + xPad, 0, 1, 0, 1)), -xAxis.len, 2 * xAxis.len),
- x4 = clamp(Math.floor(xAxis.len -
- xAxis.translate(point.x + xPad * 2, 0, 1, 0, 1)), -xAxis.len, 2 * xAxis.len),
- y1 = clamp(Math.floor(yAxis.translate(point.y - yPad, 0, 1, 0, 1)), -yAxis.len, 2 * yAxis.len),
- y2 = clamp(Math.floor(yAxis.translate(point.y, 0, 1, 0, 1)), -yAxis.len, 2 * yAxis.len),
- y3 = clamp(Math.floor(yAxis.translate(point.y + yPad, 0, 1, 0, 1)), -yAxis.len, 2 * yAxis.len),
- pointPadding = pick(point.pointPadding,
- seriesPointPadding),
- // We calculate the point padding of the midpoints to
- // preserve the angles of the shape.
- midPointPadding = pointPadding *
- Math.abs(x2 - x1) / Math.abs(y3 - y2),
- xMidPadding = xAxis.reversed ?
- -midPointPadding : midPointPadding,
- xPointPadding = xAxis.reversed ?
- -pointPadding : pointPadding,
- yPointPadding = yAxis.reversed ?
- -pointPadding : pointPadding;
- // Shift y-values for every second grid column
- if (point.x % 2) {
- yShift = yShift || Math.round(Math.abs(y3 - y1) / 2) *
- // We have to reverse the shift for reversed y-axes
- (yAxis.reversed ? -1 : 1);
- y1 += yShift;
- y2 += yShift;
- y3 += yShift;
- }
- // Set plotX and plotY for use in K-D-Tree and more
- point.plotX = point.clientX = (x2 + x3) / 2;
- point.plotY = y2;
- // Apply point padding to translated coordinates
- x1 += xMidPadding + xPointPadding;
- x2 += xPointPadding;
- x3 -= xPointPadding;
- x4 -= xMidPadding + xPointPadding;
- y1 -= yPointPadding;
- y3 += yPointPadding;
- // Store points for halo creation
- point.tileEdges = {
- x1: x1, x2: x2, x3: x3, x4: x4, y1: y1, y2: y2, y3: y3
- };
- // Finally set the shape for this point
- point.shapeType = 'path';
- point.shapeArgs = {
- d: [
- ['M', x2, y1],
- ['L', x3, y1],
- ['L', x4, y2],
- ['L', x3, y3],
- ['L', x2, y3],
- ['L', x1, y2],
- ['Z']
- ]
- };
- });
- series.translateColors();
- }
- },
- // Diamond shape type.
- diamond: {
- alignDataLabel: ScatterSeries.prototype.alignDataLabel,
- getSeriesPadding: function (series) {
- return tilePaddingFromTileSize(series, 2, 2);
- },
- haloPath: function (size) {
- if (!size) {
- return [];
- }
- var diamond = this.tileEdges;
- return [
- ['M', diamond.x2, diamond.y1 + size],
- ['L', diamond.x3 + size, diamond.y2],
- ['L', diamond.x2, diamond.y3 - size],
- ['L', diamond.x1 - size, diamond.y2],
- ['Z']
- ];
- },
- translate: function () {
- var series = this,
- options = series.options,
- xAxis = series.xAxis,
- yAxis = series.yAxis,
- seriesPointPadding = options.pointPadding || 0,
- xPad = (options.colsize || 1),
- yPad = (options.rowsize || 1) / 2,
- yShift;
- series.generatePoints();
- series.points.forEach(function (point) {
- var x1 = clamp(Math.round(xAxis.len -
- xAxis.translate(point.x - xPad, 0, 1, 0, 0)), -xAxis.len, 2 * xAxis.len),
- x2 = clamp(Math.round(xAxis.len -
- xAxis.translate(point.x, 0, 1, 0, 0)), -xAxis.len, 2 * xAxis.len),
- x3 = clamp(Math.round(xAxis.len -
- xAxis.translate(point.x + xPad, 0, 1, 0, 0)), -xAxis.len, 2 * xAxis.len),
- y1 = clamp(Math.round(yAxis.translate(point.y - yPad, 0, 1, 0, 0)), -yAxis.len, 2 * yAxis.len),
- y2 = clamp(Math.round(yAxis.translate(point.y, 0, 1, 0, 0)), -yAxis.len, 2 * yAxis.len),
- y3 = clamp(Math.round(yAxis.translate(point.y + yPad, 0, 1, 0, 0)), -yAxis.len, 2 * yAxis.len),
- pointPadding = pick(point.pointPadding,
- seriesPointPadding),
- // We calculate the point padding of the midpoints to
- // preserve the angles of the shape.
- midPointPadding = pointPadding *
- Math.abs(x2 - x1) / Math.abs(y3 - y2),
- xPointPadding = xAxis.reversed ?
- -midPointPadding : midPointPadding,
- yPointPadding = yAxis.reversed ?
- -pointPadding : pointPadding;
- // Shift y-values for every second grid column
- // We have to reverse the shift for reversed y-axes
- if (point.x % 2) {
- yShift = Math.abs(y3 - y1) / 2 * (yAxis.reversed ? -1 : 1);
- y1 += yShift;
- y2 += yShift;
- y3 += yShift;
- }
- // Set plotX and plotY for use in K-D-Tree and more
- point.plotX = point.clientX = x2;
- point.plotY = y2;
- // Apply point padding to translated coordinates
- x1 += xPointPadding;
- x3 -= xPointPadding;
- y1 -= yPointPadding;
- y3 += yPointPadding;
- // Store points for halo creation
- point.tileEdges = {
- x1: x1, x2: x2, x3: x3, y1: y1, y2: y2, y3: y3
- };
- // Set this point's shape parameters
- point.shapeType = 'path';
- point.shapeArgs = {
- d: [
- ['M', x2, y1],
- ['L', x3, y2],
- ['L', x2, y3],
- ['L', x1, y2],
- ['Z']
- ]
- };
- });
- series.translateColors();
- }
- },
- // Circle shape type.
- circle: {
- alignDataLabel: ScatterSeries.prototype.alignDataLabel,
- getSeriesPadding: function (series) {
- return tilePaddingFromTileSize(series, 2, 2);
- },
- haloPath: function (size) {
- return ScatterSeries.prototype.pointClass.prototype.haloPath
- .call(this, size + (size && this.radius));
- },
- translate: function () {
- var series = this,
- options = series.options,
- xAxis = series.xAxis,
- yAxis = series.yAxis,
- seriesPointPadding = options.pointPadding || 0,
- yRadius = (options.rowsize || 1) / 2,
- colsize = (options.colsize || 1),
- colsizePx,
- yRadiusPx,
- xRadiusPx,
- radius,
- forceNextRadiusCompute = false;
- series.generatePoints();
- series.points.forEach(function (point) {
- var x = clamp(Math.round(xAxis.len -
- xAxis.translate(point.x, 0, 1, 0, 0)), -xAxis.len, 2 * xAxis.len),
- y = clamp(Math.round(yAxis.translate(point.y, 0, 1, 0, 0)), -yAxis.len, 2 * yAxis.len),
- pointPadding = seriesPointPadding,
- hasPerPointPadding = false;
- // If there is point padding defined on a single point, add it
- if (typeof point.pointPadding !== 'undefined') {
- pointPadding = point.pointPadding;
- hasPerPointPadding = true;
- forceNextRadiusCompute = true;
- }
- // Find radius if not found already.
- // Use the smallest one (x vs y) to avoid overlap.
- // Note that the radius will be recomputed for each series.
- // Ideal (max) x radius is dependent on y radius:
- /*
- * (circle 2)
- * (circle 3)
- | yRadiusPx
- (circle 1) *-------|
- colsizePx
- The distance between circle 1 and 3 (and circle 2 and 3) is
- 2r, which is the hypotenuse of the triangle created by
- colsizePx and yRadiusPx. If the distance between circle 2
- and circle 1 is less than 2r, we use half of that distance
- instead (yRadiusPx).
- */
- if (!radius || forceNextRadiusCompute) {
- colsizePx = Math.abs(clamp(Math.floor(xAxis.len -
- xAxis.translate(point.x + colsize, 0, 1, 0, 0)), -xAxis.len, 2 * xAxis.len) - x);
- yRadiusPx = Math.abs(clamp(Math.floor(yAxis.translate(point.y + yRadius, 0, 1, 0, 0)), -yAxis.len, 2 * yAxis.len) - y);
- xRadiusPx = Math.floor(Math.sqrt((colsizePx * colsizePx + yRadiusPx * yRadiusPx)) / 2);
- radius = Math.min(colsizePx, xRadiusPx, yRadiusPx) - pointPadding;
- // If we have per point padding we need to always compute
- // the radius for this point and the next. If we used to
- // have per point padding but don't anymore, don't force
- // compute next radius.
- if (forceNextRadiusCompute && !hasPerPointPadding) {
- forceNextRadiusCompute = false;
- }
- }
- // Shift y-values for every second grid column.
- // Note that we always use the optimal y axis radius for this.
- // Also note: We have to reverse the shift for reversed y-axes.
- if (point.x % 2) {
- y += yRadiusPx * (yAxis.reversed ? -1 : 1);
- }
- // Set plotX and plotY for use in K-D-Tree and more
- point.plotX = point.clientX = x;
- point.plotY = y;
- // Save radius for halo
- point.radius = radius;
- // Set this point's shape parameters
- point.shapeType = 'circle';
- point.shapeArgs = {
- x: x,
- y: y,
- r: radius
- };
- });
- series.translateColors();
- }
- },
- // Square shape type.
- square: {
- alignDataLabel: HeatmapSeries.prototype.alignDataLabel,
- translate: HeatmapSeries.prototype.translate,
- getSeriesPadding: noop,
- haloPath: HeatmapSeries.prototype.pointClass.prototype.haloPath
- }
- };
- /* *
- *
- * Default Export
- *
- * */
- return TilemapShapes;
- });
- _registerModule(_modules, 'Series/Tilemap/TilemapComposition.js', [_modules['Core/Axis/Axis.js'], _modules['Core/Utilities.js']], function (Axis, U) {
- /* *
- *
- * Tilemaps module
- *
- * (c) 2010-2021 Highsoft AS
- * Author: Øystein Moseng
- *
- * License: www.highcharts.com/license
- *
- * !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
- *
- * */
- /* *
- *
- * Imports
- *
- * */
- var addEvent = U.addEvent;
- /* *
- *
- * Composition
- *
- * */
- /* eslint-disable no-invalid-this */
- // Extension to add pixel padding for series. Uses getSeriesPixelPadding on each
- // series and adds the largest padding required. If no series has this function
- // defined, we add nothing.
- addEvent(Axis, 'afterSetAxisTranslation', function () {
- if (this.recomputingForTilemap || this.coll === 'colorAxis') {
- return;
- }
- var axis = this,
- // Find which series' padding to use
- seriesPadding = axis.series
- .map(function (series) {
- return series.getSeriesPixelPadding &&
- series.getSeriesPixelPadding(axis);
- })
- .reduce(function (a, b) {
- return (a && a.padding) > (b && b.padding) ?
- a :
- b;
- }, void 0) ||
- {
- padding: 0,
- axisLengthFactor: 1
- }, lengthPadding = Math.round(seriesPadding.padding * seriesPadding.axisLengthFactor);
- // Don't waste time on this if we're not adding extra padding
- if (seriesPadding.padding) {
- // Recompute translation with new axis length now (minus padding)
- axis.len -= lengthPadding;
- axis.recomputingForTilemap = true;
- axis.setAxisTranslation();
- delete axis.recomputingForTilemap;
- axis.minPixelPadding += seriesPadding.padding;
- axis.len += lengthPadding;
- }
- });
- });
- _registerModule(_modules, 'Series/Tilemap/TilemapSeries.js', [_modules['Core/Globals.js'], _modules['Core/Series/SeriesRegistry.js'], _modules['Series/Tilemap/TilemapPoint.js'], _modules['Series/Tilemap/TilemapShapes.js'], _modules['Core/Utilities.js']], function (H, SeriesRegistry, TilemapPoint, TilemapShapes, U) {
- /* *
- *
- * Tilemaps module
- *
- * (c) 2010-2021 Highsoft AS
- * Author: Øystein Moseng
- *
- * License: www.highcharts.com/license
- *
- * !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
- *
- * */
- var __extends = (this && this.__extends) || (function () {
- var extendStatics = function (d,
- b) {
- extendStatics = Object.setPrototypeOf ||
- ({ __proto__: [] } instanceof Array && function (d,
- b) { d.__proto__ = b; }) ||
- function (d,
- b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
- return extendStatics(d, b);
- };
- return function (d, b) {
- extendStatics(d, b);
- function __() { this.constructor = d; }
- d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
- };
- })();
- var noop = H.noop;
- var _a = SeriesRegistry.seriesTypes,
- ColumnSeries = _a.column,
- HeatmapSeries = _a.heatmap,
- ScatterSeries = _a.scatter;
- var extend = U.extend,
- merge = U.merge;
- /* *
- *
- * Class
- *
- * */
- /**
- * @private
- * @class
- * @name Highcharts.seriesTypes.tilemap
- *
- * @augments Highcharts.Series
- */
- var TilemapSeries = /** @class */ (function (_super) {
- __extends(TilemapSeries, _super);
- function TilemapSeries() {
- /* *
- *
- * Static Properties
- *
- * */
- var _this = _super !== null && _super.apply(this,
- arguments) || this;
- /* *
- *
- * Properties
- *
- * */
- _this.data = void 0;
- _this.options = void 0;
- _this.points = void 0;
- _this.tileShape = void 0;
- return _this;
- /* eslint-enable valid-jsdoc */
- }
- /* *
- *
- * Functions
- *
- * */
- /* eslint-disable valid-jsdoc */
- /**
- * Use the shape's defined data label alignment function.
- * @private
- */
- TilemapSeries.prototype.alignDataLabel = function () {
- return this.tileShape.alignDataLabel.apply(this, Array.prototype.slice.call(arguments));
- };
- TilemapSeries.prototype.drawPoints = function () {
- var _this = this;
- // In styled mode, use CSS, otherwise the fill used in the style
- // sheet will take precedence over the fill attribute.
- ColumnSeries.prototype.drawPoints.call(this);
- this.points.forEach(function (point) {
- point.graphic &&
- point.graphic[_this.chart.styledMode ? 'css' : 'animate'](_this.colorAttribs(point));
- });
- };
- /**
- * Get metrics for padding of axis for this series.
- * @private
- */
- TilemapSeries.prototype.getSeriesPixelPadding = function (axis) {
- var isX = axis.isXAxis,
- padding = this.tileShape.getSeriesPadding(this),
- coord1,
- coord2;
- // If the shape type does not require padding, return no-op padding
- if (!padding) {
- return {
- padding: 0,
- axisLengthFactor: 1
- };
- }
- // Use translate to compute how far outside the points we
- // draw, and use this difference as padding.
- coord1 = Math.round(axis.translate(isX ?
- padding.xPad * 2 :
- padding.yPad, 0, 1, 0, 1));
- coord2 = Math.round(axis.translate(isX ? padding.xPad : 0, 0, 1, 0, 1));
- return {
- padding: Math.abs(coord1 - coord2) || 0,
- // Offset the yAxis length to compensate for shift. Setting the
- // length factor to 2 would add the same margin to max as min.
- // Now we only add a slight bit of the min margin to max, as we
- // don't actually draw outside the max bounds. For the xAxis we
- // draw outside on both sides so we add the same margin to min
- // and max.
- axisLengthFactor: isX ? 2 : 1.1
- };
- };
- /**
- * Set tile shape object on series.
- * @private
- */
- TilemapSeries.prototype.setOptions = function () {
- // Call original function
- var ret = _super.prototype.setOptions.apply(this,
- Array.prototype.slice.call(arguments));
- this.tileShape = TilemapShapes[ret.tileShape];
- return ret;
- };
- /**
- * Use translate from tileShape.
- * @private
- */
- TilemapSeries.prototype.translate = function () {
- return this.tileShape.translate.apply(this, Array.prototype.slice.call(arguments));
- };
- /**
- * A tilemap series is a type of heatmap where the tile shapes are
- * configurable.
- *
- * @sample highcharts/demo/honeycomb-usa/
- * Honeycomb tilemap, USA
- * @sample maps/plotoptions/honeycomb-brazil/
- * Honeycomb tilemap, Brazil
- * @sample maps/plotoptions/honeycomb-china/
- * Honeycomb tilemap, China
- * @sample maps/plotoptions/honeycomb-europe/
- * Honeycomb tilemap, Europe
- * @sample maps/demo/circlemap-africa/
- * Circlemap tilemap, Africa
- * @sample maps/demo/diamondmap
- * Diamondmap tilemap
- *
- * @extends plotOptions.heatmap
- * @since 6.0.0
- * @excluding jitter, joinBy, shadow, allAreas, mapData, marker, data,
- * dataSorting, boostThreshold, boostBlending
- * @product highcharts highmaps
- * @requires modules/tilemap.js
- * @optionparent plotOptions.tilemap
- */
- TilemapSeries.defaultOptions = merge(HeatmapSeries.defaultOptions, {
- // Remove marker from tilemap default options, as it was before
- // heatmap refactoring.
- marker: null,
- states: {
- hover: {
- halo: {
- enabled: true,
- size: 2,
- opacity: 0.5,
- attributes: {
- zIndex: 3
- }
- }
- }
- },
- /**
- * The padding between points in the tilemap.
- *
- * @sample maps/plotoptions/tilemap-pointpadding
- * Point padding on tiles
- */
- pointPadding: 2,
- /**
- * The column size - how many X axis units each column in the tilemap
- * should span. Works as in [Heatmaps](#plotOptions.heatmap.colsize).
- *
- * @sample {highcharts} maps/demo/heatmap/
- * One day
- * @sample {highmaps} maps/demo/heatmap/
- * One day
- *
- * @type {number}
- * @default 1
- * @product highcharts highmaps
- * @apioption plotOptions.tilemap.colsize
- */
- /**
- * The row size - how many Y axis units each tilemap row should span.
- * Analogous to [colsize](#plotOptions.tilemap.colsize).
- *
- * @sample {highcharts} maps/demo/heatmap/
- * 1 by default
- * @sample {highmaps} maps/demo/heatmap/
- * 1 by default
- *
- * @type {number}
- * @default 1
- * @product highcharts highmaps
- * @apioption plotOptions.tilemap.rowsize
- */
- /**
- * The shape of the tiles in the tilemap. Possible values are `hexagon`,
- * `circle`, `diamond`, and `square`.
- *
- * @sample maps/demo/circlemap-africa
- * Circular tile shapes
- * @sample maps/demo/diamondmap
- * Diamond tile shapes
- *
- * @type {Highcharts.TilemapShapeValue}
- */
- tileShape: 'hexagon'
- });
- return TilemapSeries;
- }(HeatmapSeries));
- extend(TilemapSeries.prototype, {
- // Revert the noop on getSymbol.
- getSymbol: noop,
- // Use drawPoints, markerAttribs, pointAttribs methods from the old
- // heatmap implementation.
- // TODO: Consider standarizing heatmap and tilemap into more
- // consistent form.
- markerAttribs: ScatterSeries.prototype.markerAttribs,
- pointAttribs: ColumnSeries.prototype.pointAttribs,
- pointClass: TilemapPoint
- });
- SeriesRegistry.registerSeriesType('tilemap', TilemapSeries);
- /* *
- *
- * Default Export
- *
- * */
- /* *
- *
- * API Declarations
- *
- * */
- /**
- * @typedef {"circle"|"diamond"|"hexagon"|"square"} Highcharts.TilemapShapeValue
- */
- ''; // detach doclets above
- /* *
- *
- * API Options
- *
- * */
- /**
- * A `tilemap` series. If the [type](#series.tilemap.type) option is
- * not specified, it is inherited from [chart.type](#chart.type).
- *
- * @extends series,plotOptions.tilemap
- * @excluding allAreas, dataParser, dataURL, joinBy, mapData, marker,
- * pointRange, shadow, stack, dataSorting, boostThreshold,
- * boostBlending
- * @product highcharts highmaps
- * @requires modules/tilemap.js
- * @apioption series.tilemap
- */
- /**
- * An array of data points for the series. For the `tilemap` series
- * type, points can be given in the following ways:
- *
- * 1. An array of arrays with 3 or 2 values. In this case, the values correspond
- * to `x,y,value`. If the first value is a string, it is applied as the name
- * of the point, and the `x` value is inferred. The `x` value can also be
- * omitted, in which case the inner arrays should be of length 2\. Then the
- * `x` value is automatically calculated, either starting at 0 and
- * incremented by 1, or from `pointStart` and `pointInterval` given in the
- * series options.
- * ```js
- * data: [
- * [0, 9, 7],
- * [1, 10, 4],
- * [2, 6, 3]
- * ]
- * ```
- *
- * 2. An array of objects with named values. The objects are point configuration
- * objects as seen below. If the total number of data points exceeds the
- * series' [turboThreshold](#series.tilemap.turboThreshold), this option is
- * not available.
- * ```js
- * data: [{
- * x: 1,
- * y: 3,
- * value: 10,
- * name: "Point2",
- * color: "#00FF00"
- * }, {
- * x: 1,
- * y: 7,
- * value: 10,
- * name: "Point1",
- * color: "#FF00FF"
- * }]
- * ```
- *
- * Note that for some [tileShapes](#plotOptions.tilemap.tileShape) the grid
- * coordinates are offset.
- *
- * @sample maps/series/tilemap-gridoffset
- * Offset grid coordinates
- * @sample {highcharts} highcharts/series/data-array-of-arrays/
- * Arrays of numeric x and y
- * @sample {highcharts} highcharts/series/data-array-of-arrays-datetime/
- * Arrays of datetime x and y
- * @sample {highcharts} highcharts/series/data-array-of-name-value/
- * Arrays of point.name and y
- * @sample {highcharts} highcharts/series/data-array-of-objects/
- * Config objects
- *
- * @type {Array<Array<(number|string),number>|Array<(number|string),number,number>|*>}
- * @extends series.heatmap.data
- * @excluding marker
- * @product highcharts highmaps
- * @apioption series.tilemap.data
- */
- /**
- * The color of the point. In tilemaps the point color is rarely set
- * explicitly, as we use the color to denote the `value`. Options for
- * this are set in the [colorAxis](#colorAxis) configuration.
- *
- * @type {Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject}
- * @product highcharts highmaps
- * @apioption series.tilemap.data.color
- */
- /**
- * The x coordinate of the point.
- *
- * Note that for some [tileShapes](#plotOptions.tilemap.tileShape) the grid
- * coordinates are offset.
- *
- * @sample maps/series/tilemap-gridoffset
- * Offset grid coordinates
- *
- * @type {number}
- * @product highcharts highmaps
- * @apioption series.tilemap.data.x
- */
- /**
- * The y coordinate of the point.
- *
- * Note that for some [tileShapes](#plotOptions.tilemap.tileShape) the grid
- * coordinates are offset.
- *
- * @sample maps/series/tilemap-gridoffset
- * Offset grid coordinates
- *
- * @type {number}
- * @product highcharts highmaps
- * @apioption series.tilemap.data.y
- */
- ''; // adds doclets above to the transpiled file
- return TilemapSeries;
- });
- _registerModule(_modules, 'masters/modules/tilemap.src.js', [], function () {
- });
- }));
|