468 lines
18 KiB
JavaScript
468 lines
18 KiB
JavaScript
/**
|
|
* @license Highcharts JS v10.2.1 (2022-08-29)
|
|
*
|
|
* Series on point module
|
|
*
|
|
* (c) 2010-2022 Highsoft AS
|
|
* Author: Rafal Sebestjanski and Piotr Madej
|
|
*
|
|
* License: www.highcharts.com/license
|
|
*/
|
|
(function (factory) {
|
|
if (typeof module === 'object' && module.exports) {
|
|
factory['default'] = factory;
|
|
module.exports = factory;
|
|
} else if (typeof define === 'function' && define.amd) {
|
|
define('highcharts/modules/series-on-point', ['highcharts'], function (Highcharts) {
|
|
factory(Highcharts);
|
|
factory.Highcharts = Highcharts;
|
|
return factory;
|
|
});
|
|
} else {
|
|
factory(typeof Highcharts !== 'undefined' ? Highcharts : undefined);
|
|
}
|
|
}(function (Highcharts) {
|
|
'use strict';
|
|
var _modules = Highcharts ? Highcharts._modules : {};
|
|
function _registerModule(obj, path, args, fn) {
|
|
if (!obj.hasOwnProperty(path)) {
|
|
obj[path] = fn.apply(null, args);
|
|
|
|
if (typeof CustomEvent === 'function') {
|
|
window.dispatchEvent(
|
|
new CustomEvent(
|
|
'HighchartsModuleLoaded',
|
|
{ detail: { path: path, module: obj[path] }
|
|
})
|
|
);
|
|
}
|
|
}
|
|
}
|
|
_registerModule(_modules, 'Series/SeriesOnPointComposition.js', [_modules['Core/Series/Point.js'], _modules['Core/Series/Series.js'], _modules['Core/Series/SeriesRegistry.js'], _modules['Core/Renderer/SVG/SVGRenderer.js'], _modules['Core/Utilities.js']], function (Point, Series, SeriesRegistry, SVGRenderer, U) {
|
|
/* *
|
|
*
|
|
* (c) 2010-2022 Rafal Sebestjanski, Piotr Madej
|
|
*
|
|
* License: www.highcharts.com/license
|
|
*
|
|
* !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
|
|
*
|
|
* */
|
|
var _a = SeriesRegistry.seriesTypes,
|
|
bubble = _a.bubble,
|
|
pie = _a.pie,
|
|
sunburst = _a.sunburst;
|
|
var addEvent = U.addEvent,
|
|
defined = U.defined,
|
|
find = U.find,
|
|
isNumber = U.isNumber;
|
|
/* *
|
|
*
|
|
* Composition
|
|
*
|
|
* */
|
|
var SeriesOnPointComposition;
|
|
(function (SeriesOnPointComposition) {
|
|
/* *
|
|
*
|
|
* Declarations
|
|
*
|
|
* */
|
|
/* *
|
|
*
|
|
* Constants
|
|
*
|
|
* */
|
|
var composedClasses = [];
|
|
/* *
|
|
*
|
|
* Functions
|
|
*
|
|
* */
|
|
/* eslint-disable valid-jsdoc */
|
|
/**
|
|
* Extends the series with a small addition.
|
|
*
|
|
* @private
|
|
*
|
|
* @param SeriesClass
|
|
* Series class to use.
|
|
*
|
|
* @param ChartClass
|
|
* Chart class to use.
|
|
*/
|
|
function compose(SeriesClass, ChartClass) {
|
|
var _a = Additions.prototype,
|
|
chartGetZData = _a.chartGetZData,
|
|
seriesAfterInit = _a.seriesAfterInit,
|
|
seriesAfterRender = _a.seriesAfterRender,
|
|
seriesGetCenter = _a.seriesGetCenter,
|
|
seriesShowOrHide = _a.seriesShowOrHide,
|
|
seriesTranslate = _a.seriesTranslate;
|
|
// We can mark support for pie series here because it's in the core.
|
|
// But all other series outside the core should be marked in its module.
|
|
// This is crucial when loading series-on-point before loading a
|
|
// module, e.g. sunburst.
|
|
// Supported series types:
|
|
// - pie
|
|
// - sunburst
|
|
pie.prototype.onPointSupported = true;
|
|
if (composedClasses.indexOf(SeriesClass) === -1) {
|
|
composedClasses.push(SeriesClass);
|
|
addEvent(Series, 'afterInit', seriesAfterInit);
|
|
addEvent(Series, 'afterRender', seriesAfterRender);
|
|
addEvent(Series, 'afterGetCenter', seriesGetCenter);
|
|
addEvent(Series, 'hide', seriesShowOrHide);
|
|
addEvent(Series, 'show', seriesShowOrHide);
|
|
addEvent(Series, 'translate', seriesTranslate);
|
|
}
|
|
if (composedClasses.indexOf(ChartClass) === -1) {
|
|
composedClasses.push(ChartClass);
|
|
addEvent(ChartClass, 'beforeRender', chartGetZData);
|
|
addEvent(ChartClass, 'beforeRedraw', chartGetZData);
|
|
}
|
|
return SeriesClass;
|
|
}
|
|
SeriesOnPointComposition.compose = compose;
|
|
/* *
|
|
*
|
|
* Classes
|
|
*
|
|
* */
|
|
/**
|
|
* @private
|
|
*/
|
|
var Additions = /** @class */ (function () {
|
|
/* *
|
|
*
|
|
* Constructors
|
|
*
|
|
* */
|
|
/**
|
|
* @private
|
|
*/
|
|
function Additions(series) {
|
|
/**
|
|
* @ignore
|
|
*/
|
|
this.getRadii = bubble.prototype.getRadii;
|
|
/**
|
|
* @ignore
|
|
*/
|
|
this.getRadius = bubble.prototype.getRadius;
|
|
/**
|
|
* @ignore
|
|
*/
|
|
this.getPxExtremes = bubble.prototype.getPxExtremes;
|
|
/**
|
|
* @ignore
|
|
*/
|
|
this.getZExtremes = bubble.prototype.getZExtremes;
|
|
this.chart = series.chart;
|
|
this.series = series;
|
|
this.options = series.options.onPoint;
|
|
}
|
|
/**
|
|
* Draw connector line that starts from the initial point's position
|
|
* and ends in the center of the series.
|
|
* @private
|
|
*/
|
|
Additions.prototype.drawConnector = function () {
|
|
if (!this.connector) {
|
|
this.connector = this.series.chart.renderer.path()
|
|
.addClass('highcharts-connector-seriesonpoint')
|
|
.attr({
|
|
zIndex: -1
|
|
})
|
|
.add(this.series.markerGroup);
|
|
}
|
|
var attribs = this.getConnectorAttributes();
|
|
attribs && this.connector.animate(attribs);
|
|
};
|
|
/**
|
|
* Get connector line path and styles that connects series and point.
|
|
*
|
|
* @private
|
|
*
|
|
* @return {Highcharts.SVGAttributes} attribs - the path and styles.
|
|
*/
|
|
Additions.prototype.getConnectorAttributes = function () {
|
|
var chart = this.series.chart,
|
|
onPointOptions = this.options;
|
|
if (!onPointOptions) {
|
|
return;
|
|
}
|
|
var connectorOpts = onPointOptions.connectorOptions || {},
|
|
position = onPointOptions.position,
|
|
connectedPoint = chart.get(onPointOptions.id);
|
|
if (!(connectedPoint instanceof Point) ||
|
|
!position ||
|
|
!defined(connectedPoint.plotX) ||
|
|
!defined(connectedPoint.plotY)) {
|
|
return;
|
|
}
|
|
var xFrom = defined(position.x) ?
|
|
position.x :
|
|
connectedPoint.plotX,
|
|
yFrom = defined(position.y) ?
|
|
position.y :
|
|
connectedPoint.plotY,
|
|
xTo = xFrom + (position.offsetX || 0),
|
|
yTo = yFrom + (position.offsetY || 0),
|
|
width = connectorOpts.width || 1,
|
|
color = connectorOpts.stroke || this.series.color,
|
|
dashStyle = connectorOpts.dashstyle,
|
|
attribs = {
|
|
d: SVGRenderer.prototype.crispLine([
|
|
['M',
|
|
xFrom,
|
|
yFrom],
|
|
['L',
|
|
xTo,
|
|
yTo]
|
|
],
|
|
width, 'ceil'),
|
|
'stroke-width': width
|
|
};
|
|
if (!chart.styledMode) {
|
|
attribs.stroke = color;
|
|
attribs.dashstyle = dashStyle;
|
|
}
|
|
return attribs;
|
|
};
|
|
/**
|
|
* Initialize Series on point on series init.
|
|
*
|
|
* @ignore
|
|
*/
|
|
Additions.prototype.seriesAfterInit = function () {
|
|
if (this.onPointSupported && this.options.onPoint) {
|
|
this.bubblePadding = true;
|
|
this.useMapGeometry = true;
|
|
this.onPoint = new Additions(this);
|
|
}
|
|
};
|
|
/**
|
|
* @ignore
|
|
*/
|
|
Additions.prototype.seriesAfterRender = function () {
|
|
// Clear bubbleZExtremes to reset z calculations on update.
|
|
delete this.chart.bubbleZExtremes;
|
|
this.onPoint && this.onPoint.drawConnector();
|
|
};
|
|
/**
|
|
* Recalculate series.center (x, y and size).
|
|
*
|
|
* @ignore
|
|
*/
|
|
Additions.prototype.seriesGetCenter = function (e) {
|
|
var onPointOptions = this.options.onPoint,
|
|
center = e.positions;
|
|
if (onPointOptions) {
|
|
var connectedPoint = this.chart.get(onPointOptions.id);
|
|
if (connectedPoint instanceof Point &&
|
|
defined(connectedPoint.plotX) &&
|
|
defined(connectedPoint.plotY)) {
|
|
center[0] = connectedPoint.plotX;
|
|
center[1] = connectedPoint.plotY;
|
|
}
|
|
var position = onPointOptions.position;
|
|
if (position) {
|
|
if (defined(position.x)) {
|
|
center[0] = position.x;
|
|
}
|
|
if (defined(position.y)) {
|
|
center[1] = position.y;
|
|
}
|
|
if (position.offsetX) {
|
|
center[0] += position.offsetX;
|
|
}
|
|
if (position.offsetY) {
|
|
center[1] += position.offsetY;
|
|
}
|
|
}
|
|
}
|
|
// Get and set the size
|
|
var radius = this.radii && this.radii[this.index];
|
|
if (isNumber(radius)) {
|
|
center[2] = radius * 2;
|
|
}
|
|
e.positions = center;
|
|
};
|
|
/**
|
|
* @ignore
|
|
*/
|
|
Additions.prototype.seriesShowOrHide = function () {
|
|
var allSeries = this.chart.series;
|
|
// When toggling a series visibility, loop through all points
|
|
this.points.forEach(function (point) {
|
|
// Find all series that are on toggled points
|
|
var series = find(allSeries,
|
|
function (series) {
|
|
var id = ((series.onPoint || {}).options || {}).id;
|
|
if (!id) {
|
|
return false;
|
|
}
|
|
return id === point.id;
|
|
});
|
|
// And also toggle series that are on toggled points. Redraw is
|
|
// not needed because it's fired later after showOrhide event
|
|
series && series.setVisible(!series.visible, false);
|
|
});
|
|
};
|
|
/**
|
|
* Calculate required radius (z data) before original translate.
|
|
*
|
|
* @ignore
|
|
* @function Highcharts.Series#translate
|
|
*/
|
|
Additions.prototype.seriesTranslate = function () {
|
|
if (this.onPoint) {
|
|
this.onPoint.getRadii();
|
|
this.radii = this.onPoint.radii;
|
|
}
|
|
};
|
|
/**
|
|
* @ignore
|
|
*/
|
|
Additions.prototype.chartGetZData = function () {
|
|
var zData = [];
|
|
this.series.forEach(function (series) {
|
|
var onPointOpts = series.options.onPoint;
|
|
zData.push(onPointOpts && onPointOpts.z ? onPointOpts.z : null);
|
|
});
|
|
this.series.forEach(function (series) {
|
|
// Save z values of all the series
|
|
if (series.onPoint) {
|
|
series.onPoint.zData = series.zData = zData;
|
|
}
|
|
});
|
|
};
|
|
return Additions;
|
|
}());
|
|
SeriesOnPointComposition.Additions = Additions;
|
|
})(SeriesOnPointComposition || (SeriesOnPointComposition = {}));
|
|
/* *
|
|
*
|
|
* Default Export
|
|
*
|
|
* */
|
|
/* *
|
|
*
|
|
* API Options
|
|
*
|
|
* */
|
|
/**
|
|
* Options for the _Series on point_ feature. Only `pie` and `sunburst` series
|
|
* are supported at this moment.
|
|
*
|
|
* @sample {highcharts} highcharts/series-on-point/series-on-point
|
|
* Series on point
|
|
* @sample {highmaps} maps/demo/map-pies
|
|
* Pies on a map
|
|
* @requires modules/series-on-point
|
|
* @since 10.2.0
|
|
* @type {object}
|
|
* @apioption plotOptions.series.onPoint
|
|
*/
|
|
/**
|
|
* Options for the connector in the _Series on point_ feature.
|
|
*
|
|
* In styled mode, the connector can be styled with the
|
|
* `.highcharts-connector-seriesonpoint` class name.
|
|
*
|
|
* @requires modules/series-on-point
|
|
* @since 10.2.0
|
|
* @type {Highcharts.SVGAttributes}
|
|
* @apioption plotOptions.series.onPoint.connectorOptions
|
|
*/
|
|
/**
|
|
* Color of the connector line. By default it's the series' color.
|
|
*
|
|
* @requires modules/series-on-point
|
|
* @since 10.2.0
|
|
* @type {string}
|
|
* @apioption plotOptions.series.onPoint.connectorOptions.stroke
|
|
*/
|
|
/**
|
|
* A name for the dash style to use for the connector.
|
|
*
|
|
* @requires modules/series-on-point
|
|
* @since 10.2.0
|
|
* @type {string}
|
|
* @apioption plotOptions.series.onPoint.connectorOptions.dashstyle
|
|
*/
|
|
/**
|
|
* Pixel width of the connector line.
|
|
*
|
|
* @default 1
|
|
* @requires modules/series-on-point
|
|
* @type {number}
|
|
* @since 10.2.0
|
|
* @apioption plotOptions.series.onPoint.connectorOptions.width
|
|
*/
|
|
/**
|
|
* The `id` of the point that we connect the series to. Only points with a given
|
|
* `plotX` and `plotY` values and map points are valid.
|
|
*
|
|
* @requires modules/series-on-point
|
|
* @since 10.2.0
|
|
* @type {string}
|
|
* @apioption plotOptions.series.onPoint.id
|
|
*/
|
|
/**
|
|
* Options allowing to set a position and an offset of the series in the
|
|
* _Series on point_ feature.
|
|
*
|
|
* @requires modules/series-on-point
|
|
* @since 10.2.0
|
|
* @type {object}
|
|
* @apioption plotOptions.series.onPoint.position
|
|
*/
|
|
/**
|
|
* Series center offset from the original x position. If defined, the connector
|
|
* line is drawn connecting original position with new position.
|
|
*
|
|
* @requires modules/series-on-point
|
|
* @since 10.2.0
|
|
* @type {number}
|
|
* @apioption plotOptions.series.onPoint.position.offsetX
|
|
*/
|
|
/**
|
|
* Series center offset from the original y position. If defined, the connector
|
|
* line is drawn from original position to a new position.
|
|
*
|
|
* @requires modules/series-on-point
|
|
* @since 10.2.0
|
|
* @type {number}
|
|
* @apioption plotOptions.series.onPoint.position.offsetY
|
|
*/
|
|
/**
|
|
* X position of the series center. By default, the series is displayed on the
|
|
* point that it is connected to.
|
|
*
|
|
* @requires modules/series-on-point
|
|
* @since 10.2.0
|
|
* @type {number}
|
|
* @apioption plotOptions.series.onPoint.position.x
|
|
*/
|
|
/**
|
|
* Y position of the series center. By default, the series is displayed on the
|
|
* point that it is connected to.
|
|
*
|
|
* @requires modules/series-on-point
|
|
* @since 10.2.0
|
|
* @type {number}
|
|
* @apioption plotOptions.series.onPoint.position.y
|
|
*/
|
|
''; // keeps doclets above in transpiled file
|
|
|
|
return SeriesOnPointComposition;
|
|
});
|
|
_registerModule(_modules, 'masters/modules/series-on-point.src.js', [_modules['Series/SeriesOnPointComposition.js']], function (SeriesOnPointComposition) {
|
|
|
|
var G = Highcharts;
|
|
SeriesOnPointComposition.compose(G.Series, G.Chart);
|
|
|
|
});
|
|
})); |