highcharts 10.1.0 → 10.2.0

package/es-modules/Extensions/{SeriesLabel.js → SeriesLabel/SeriesLabel.js}

@@ -7,36 +7,6 @@
  *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
  *
  * */
-'use strict';
-import A from '../Core/Animation/AnimationUtilities.js';
-var animObject = A.animObject;
-import Chart from '../Core/Chart/Chart.js';
-import F from '../Core/FormatUtilities.js';
-var format = F.format;
-import D from '../Core/DefaultOptions.js';
-var setOptions = D.setOptions;
-import Series from '../Core/Series/Series.js';
-import SVGRenderer from '../Core/Renderer/SVG/SVGRenderer.js';
-var symbols = SVGRenderer.prototype.symbols;
-import U from '../Core/Utilities.js';
-var addEvent = U.addEvent, extend = U.extend, fireEvent = U.fireEvent, isNumber = U.isNumber, pick = U.pick, syncTimeout = U.syncTimeout;
-/**
- * Containing the position of a box that should be avoided by labels.
- *
- * @interface Highcharts.LabelIntersectBoxObject
- */ /**
-* @name Highcharts.LabelIntersectBoxObject#bottom
-* @type {number}
-*/ /**
-* @name Highcharts.LabelIntersectBoxObject#left
-* @type {number}
-*/ /**
-* @name Highcharts.LabelIntersectBoxObject#right
-* @type {number}
-*/ /**
-* @name Highcharts.LabelIntersectBoxObject#top
-* @type {number}
-*/
 /*
  * Highcharts module to place labels next to a series in a natural position.
  *
@@ -50,338 +20,39 @@ var addEvent = U.addEvent, extend = U.extend, fireEvent = U.fireEvent, isNumber
  * https://jsfiddle.net/highcharts/264Nm/
  * https://jsfiddle.net/highcharts/y5A37/
  */
-''; // detach doclets above
-var labelDistance = 3;
-setOptions({
-    /**
-     * @optionparent plotOptions
-     *
-     * @private
-     */
-    plotOptions: {
-        series: {
-            /**
-             * Series labels are placed as close to the series as possible in a
-             * natural way, seeking to avoid other series. The goal of this
-             * feature is to make the chart more easily readable, like if a
-             * human designer placed the labels in the optimal position.
-             *
-             * The series labels currently work with series types having a
-             * `graph` or an `area`.
-             *
-             * @sample highcharts/series-label/line-chart
-             *         Line chart
-             * @sample highcharts/demo/streamgraph
-             *         Stream graph
-             * @sample highcharts/series-label/stock-chart
-             *         Stock chart
-             *
-             * @declare  Highcharts.SeriesLabelOptionsObject
-             * @since    6.0.0
-             * @product  highcharts highstock gantt
-             * @requires modules/series-label
-             */
-            label: {
-                /**
-                 * Enable the series label per series.
-                 */
-                enabled: true,
-                /**
-                 * Allow labels to be placed distant to the graph if necessary,
-                 * and draw a connector line to the graph. Setting this option
-                 * to true may decrease the performance significantly, since the
-                 * algorithm with systematically search for open spaces in the
-                 * whole plot area. Visually, it may also result in a more
-                 * cluttered chart, though more of the series will be labeled.
-                 */
-                connectorAllowed: false,
-                /**
-                 * If the label is closer than this to a neighbour graph, draw a
-                 * connector.
-                 */
-                connectorNeighbourDistance: 24,
-                /**
-                 * A format string for the label, with support for a subset of
-                 * HTML. Variables are enclosed by curly brackets. Available
-                 * variables are `name`, `options.xxx`, `color` and other
-                 * members from the `series` object. Use this option also to set
-                 * a static text for the label.
-                 *
-                 * @type string
-                 * @since 8.1.0
-                 */
-                format: void 0,
-                /**
-                 * Callback function to format each of the series' labels. The
-                 * `this` keyword refers to the series object. By default the
-                 * `formatter` is undefined and the `series.name` is rendered.
-                 *
-                 * @type {Highcharts.FormatterCallbackFunction<Series>}
-                 * @since 8.1.0
-                 */
-                formatter: void 0,
-                /**
-                 * For area-like series, allow the font size to vary so that
-                 * small areas get a smaller font size. The default applies this
-                 * effect to area-like series but not line-like series.
-                 *
-                 * @type {number|null}
-                 */
-                minFontSize: null,
-                /**
-                 * For area-like series, allow the font size to vary so that
-                 * small areas get a smaller font size. The default applies this
-                 * effect to area-like series but not line-like series.
-                 *
-                 * @type {number|null}
-                 */
-                maxFontSize: null,
-                /**
-                 * Draw the label on the area of an area series. By default it
-                 * is drawn on the area. Set it to `false` to draw it next to
-                 * the graph instead.
-                 *
-                 * @type {boolean|null}
-                 */
-                onArea: null,
-                /**
-                 * Styles for the series label. The color defaults to the series
-                 * color, or a contrast color if `onArea`.
-                 *
-                 * @type {Highcharts.CSSObject}
-                 */
-                style: {
-                    /** @internal */
-                    fontWeight: 'bold'
-                },
-                /**
-                 * An array of boxes to avoid when laying out the labels. Each
-                 * item has a `left`, `right`, `top` and `bottom` property.
-                 *
-                 * @type {Array<Highcharts.LabelIntersectBoxObject>}
-                 */
-                boxesToAvoid: []
-            }
-        }
-    }
-});
-/* eslint-disable valid-jsdoc */
-/**
- * Counter-clockwise, part of the fast line intersection logic.
- *
- * @private
- * @function ccw
- */
-function ccw(x1, y1, x2, y2, x3, y3) {
-    var cw = ((y3 - y1) * (x2 - x1)) - ((y2 - y1) * (x3 - x1));
-    return cw > 0 ? true : !(cw < 0);
-}
-/**
- * Detect if two lines intersect.
+'use strict';
+import A from '../../Core/Animation/AnimationUtilities.js';
+var animObject = A.animObject;
+import Chart from '../../Core/Chart/Chart.js';
+import FU from '../../Core/FormatUtilities.js';
+var format = FU.format;
+import D from '../../Core/DefaultOptions.js';
+var setOptions = D.setOptions;
+import SeriesLabelDefaults from './SeriesLabelDefaults.js';
+import SLU from './SeriesLabelUtilities.js';
+var boxIntersectLine = SLU.boxIntersectLine, intersectRect = SLU.intersectRect;
+import U from '../../Core/Utilities.js';
+var addEvent = U.addEvent, extend = U.extend, fireEvent = U.fireEvent, isNumber = U.isNumber, pick = U.pick, syncTimeout = U.syncTimeout;
+/* *
  *
- * @private
- * @function intersectLine
- */
-function intersectLine(x1, y1, x2, y2, x3, y3, x4, y4) {
-    return ccw(x1, y1, x3, y3, x4, y4) !== ccw(x2, y2, x3, y3, x4, y4) &&
-        ccw(x1, y1, x2, y2, x3, y3) !== ccw(x1, y1, x2, y2, x4, y4);
-}
-/**
- * Detect if a box intersects with a line.
+ *  Constants
  *
- * @private
- * @function boxIntersectLine
- */
-function boxIntersectLine(x, y, w, h, x1, y1, x2, y2) {
-    return (intersectLine(x, y, x + w, y, x1, y1, x2, y2) || // top of label
-        intersectLine(x + w, y, x + w, y + h, x1, y1, x2, y2) || // right
-        intersectLine(x, y + h, x + w, y + h, x1, y1, x2, y2) || // bottom
-        intersectLine(x, y, x, y + h, x1, y1, x2, y2) // left of label
-    );
-}
-/**
- * General symbol definition for labels with connector.
- */
-symbols.connector = function (x, y, w, h, options) {
-    var anchorX = options && options.anchorX, anchorY = options && options.anchorY;
-    var path, yOffset, lateral = w / 2;
-    if (isNumber(anchorX) && isNumber(anchorY)) {
-        path = [['M', anchorX, anchorY]];
-        // Prefer 45 deg connectors
-        yOffset = y - anchorY;
-        if (yOffset < 0) {
-            yOffset = -h - yOffset;
-        }
-        if (yOffset < w) {
-            lateral = anchorX < x + (w / 2) ? yOffset : w - yOffset;
-        }
-        // Anchor below label
-        if (anchorY > y + h) {
-            path.push(['L', x + lateral, y + h]);
-            // Anchor above label
-        }
-        else if (anchorY < y) {
-            path.push(['L', x + lateral, y]);
-            // Anchor left of label
-        }
-        else if (anchorX < x) {
-            path.push(['L', x, y + h / 2]);
-            // Anchor right of label
-        }
-        else if (anchorX > x + w) {
-            path.push(['L', x + w, y + h / 2]);
-        }
-    }
-    return path || [];
-};
-/**
- * Points to avoid. In addition to actual data points, the label should avoid
- * interpolated positions.
+ * */
+var composedClasses = [];
+var labelDistance = 3;
+/* *
  *
- * @private
- * @function Highcharts.Series#getPointsOnGraph
- */
-Series.prototype.getPointsOnGraph = function () {
-    if (!this.xAxis && !this.yAxis) {
-        return;
-    }
-    var distance = 16, points = this.points, interpolated = [], graph = this.graph || this.area, node = graph.element, inverted = this.chart.inverted, xAxis = this.xAxis, yAxis = this.yAxis, paneLeft = inverted ? yAxis.pos : xAxis.pos, paneTop = inverted ? xAxis.pos : yAxis.pos, onArea = pick(this.options.label.onArea, !!this.area), translatedThreshold = yAxis.getThreshold(this.options.threshold), grid = {};
-    var point, last, i, deltaX, deltaY, delta, len, n, j, d;
-    /**
-     * Push the point to the interpolated points, but only if that position in
-     * the grid has not been occupied. As a performance optimization, we divide
-     * the plot area into a grid and only add one point per series (#9815).
-     * @private
-     */
-    function pushDiscrete(point) {
-        var cellSize = 8, key = Math.round(point.plotX / cellSize) + ',' +
-            Math.round(point.plotY / cellSize);
-        if (!grid[key]) {
-            grid[key] = 1;
-            interpolated.push(point);
-        }
-    }
-    // For splines, get the point at length (possible caveat: peaks are not
-    // correctly detected)
-    if (this.getPointSpline &&
-        node.getPointAtLength &&
-        !onArea &&
-        // Not performing well on complex series, node.getPointAtLength is too
-        // heavy (#9815)
-        points.length < this.chart.plotSizeX / distance) {
-        // If it is animating towards a path definition, use that briefly, and
-        // reset
-        if (graph.toD) {
-            d = graph.attr('d');
-            graph.attr({ d: graph.toD });
-        }
-        len = node.getTotalLength();
-        for (i = 0; i < len; i += distance) {
-            point = node.getPointAtLength(i);
-            pushDiscrete({
-                chartX: paneLeft + point.x,
-                chartY: paneTop + point.y,
-                plotX: point.x,
-                plotY: point.y
-            });
-        }
-        if (d) {
-            graph.attr({ d: d });
-        }
-        // Last point
-        point = points[points.length - 1];
-        point.chartX = paneLeft + point.plotX;
-        point.chartY = paneTop + point.plotY;
-        pushDiscrete(point);
-        // Interpolate
-    }
-    else {
-        len = points.length;
-        for (i = 0; i < len; i += 1) {
-            point = points[i];
-            last = points[i - 1];
-            // Absolute coordinates so we can compare different panes
-            point.chartX = paneLeft + point.plotX;
-            point.chartY = paneTop + point.plotY;
-            if (onArea) {
-                // Vertically centered inside area
-                point.chartCenterY = paneTop + (point.plotY +
-                    pick(point.yBottom, translatedThreshold)) / 2;
-            }
-            // Add interpolated points
-            if (i > 0) {
-                deltaX = Math.abs(point.chartX - last.chartX);
-                deltaY = Math.abs(point.chartY - last.chartY);
-                delta = Math.max(deltaX, deltaY);
-                if (delta > distance) {
-                    n = Math.ceil(delta / distance);
-                    for (j = 1; j < n; j += 1) {
-                        pushDiscrete({
-                            chartX: last.chartX +
-                                (point.chartX - last.chartX) *
-                                    (j / n),
-                            chartY: last.chartY +
-                                (point.chartY - last.chartY) *
-                                    (j / n),
-                            chartCenterY: last.chartCenterY +
-                                (point.chartCenterY -
-                                    last.chartCenterY) * (j / n),
-                            plotX: last.plotX +
-                                (point.plotX - last.plotX) *
-                                    (j / n),
-                            plotY: last.plotY +
-                                (point.plotY - last.plotY) *
-                                    (j / n)
-                        });
-                    }
-                }
-            }
-            // Add the real point in order to find positive and negative peaks
-            if (isNumber(point.plotY)) {
-                pushDiscrete(point);
-            }
-        }
-    }
-    // Get the bounding box so we can do a quick check first if the bounding
-    // boxes overlap.
-    /*
-    interpolated.bBox = node.getBBox();
-    interpolated.bBox.x += paneLeft;
-    interpolated.bBox.y += paneTop;
-    */
-    return interpolated;
-};
-/**
- * Overridable function to return series-specific font sizes for the labels. By
- * default it returns bigger font sizes for series with the greater sum of y
- * values.
+ *  Functions
  *
- * @private
- * @function Highcharts.Series#labelFontSize
- */
-Series.prototype.labelFontSize = function (minFontSize, maxFontSize) {
-    return minFontSize + ((this.sum / this.chart.labelSeriesMaxSum) *
-        (maxFontSize - minFontSize)) + 'px';
-};
+ * */
 /**
  * Check whether a proposed label position is clear of other elements.
- *
  * @private
- * @function Highcharts.Series#checkClearPoint
  */
-Series.prototype.checkClearPoint = function (x, y, bBox, checkDistance) {
-    var chart = this.chart, onArea = pick(this.options.label.onArea, !!this.area), findDistanceToOthers = (onArea || this.options.label.connectorAllowed), leastDistance = 16;
+function checkClearPoint(series, x, y, bBox, checkDistance) {
+    var chart = series.chart, onArea = pick(series.options.label.onArea, !!series.area), findDistanceToOthers = (onArea || series.options.label.connectorAllowed), leastDistance = 16;
     var distToOthersSquared = Number.MAX_VALUE, // distance to other graphs
-    distToPointSquared = Number.MAX_VALUE, dist, connectorPoint, series, points, withinRange, xDist, yDist, i, j;
-    /**
-     * @private
-     */
-    function intersectRect(r1, r2) {
-        return !(r2.left > r1.right ||
-            r2.right < r1.left ||
-            r2.top > r1.bottom ||
-            r2.bottom < r1.top);
-    }
+    distToPointSquared = Number.MAX_VALUE, dist, connectorPoint, serie, points, withinRange, xDist, yDist, i, j;
     /**
      * Get the weight in order to determine the ideal position. Larger distance
      * to other series gives more weight. Smaller distance to the actual point
@@ -405,9 +76,9 @@ Series.prototype.checkClearPoint = function (x, y, bBox, checkDistance) {
     // For each position, check if the lines around the label intersect with any
     // of the graphs.
     for (i = 0; i < chart.series.length; i += 1) {
-        series = chart.series[i];
-        points = series.interpolatedPoints;
-        if (series.visible && points) {
+        serie = chart.series[i];
+        points = serie.interpolatedPoints;
+        if (serie.visible && points) {
             for (j = 1; j < points.length; j += 1) {
                 if (
                 // To avoid processing, only check intersection if the X
@@ -430,14 +101,14 @@ Series.prototype.checkClearPoint = function (x, y, bBox, checkDistance) {
                     }
                     // But if it is too far away (a padded box doesn't
                     // intersect), also return.
-                    if (this === series && !withinRange && checkDistance) {
+                    if (series === serie && !withinRange && checkDistance) {
                         withinRange = boxIntersectLine(x - leastDistance, y - leastDistance, bBox.width + 2 * leastDistance, bBox.height + 2 * leastDistance, points[j - 1].chartX, points[j - 1].chartY, points[j].chartX, points[j].chartY);
                     }
                 }
                 // Find the squared distance from the center of the label. On
                 // area series, avoid its own graph.
                 if ((findDistanceToOthers || withinRange) &&
-                    (this !== series || onArea)) {
+                    (series !== serie || onArea)) {
                     xDist = x + bBox.width / 2 - points[j].chartX;
                     yDist = y + bBox.height / 2 - points[j].chartY;
                     distToOthersSquared = Math.min(distToOthersSquared, xDist * xDist + yDist * yDist);
@@ -446,9 +117,10 @@ Series.prototype.checkClearPoint = function (x, y, bBox, checkDistance) {
             // Do we need a connector?
             if (!onArea &&
                 findDistanceToOthers &&
-                this === series &&
+                series === serie &&
                 ((checkDistance && !withinRange) ||
-                    distToOthersSquared < Math.pow(this.options.label.connectorNeighbourDistance, 2))) {
+                    distToOthersSquared < Math.pow(series.options.label
+                        .connectorNeighbourDistance, 2))) {
                 for (j = 1; j < points.length; j += 1) {
                     dist = Math.min((Math.pow(x + bBox.width / 2 - points[j].chartX, 2) +
                         Math.pow(y + bBox.height / 2 - points[j].chartY, 2)), (Math.pow(x - points[j].chartX, 2) +
@@ -471,7 +143,26 @@ Series.prototype.checkClearPoint = function (x, y, bBox, checkDistance) {
         weight: getWeight(distToOthersSquared, connectorPoint ? distToPointSquared : 0),
         connectorPoint: connectorPoint
     } : false;
-};
+}
+/**
+ * @private
+ */
+function compose(ChartClass, SVGRendererClass) {
+    if (composedClasses.indexOf(ChartClass) === -1) {
+        composedClasses.push(ChartClass);
+        // Leave both events, we handle animation differently (#9815)
+        addEvent(Chart, 'load', onChartRedraw);
+        addEvent(Chart, 'redraw', onChartRedraw);
+    }
+    if (composedClasses.indexOf(SVGRendererClass) === -1) {
+        composedClasses.push(SVGRendererClass);
+        SVGRendererClass.prototype.symbols.connector = symbolConnector;
+    }
+    if (composedClasses.indexOf(setOptions) === -1) {
+        composedClasses.push(setOptions);
+        setOptions({ plotOptions: { series: { label: SeriesLabelDefaults } } });
+    }
+}
 /**
  * The main initialize method that runs on chart level after initialization and
  * redraw. It runs in  a timeout to prevent locking, and loops over all series,
@@ -480,13 +171,13 @@ Series.prototype.checkClearPoint = function (x, y, bBox, checkDistance) {
  * @private
  * @function Highcharts.Chart#drawSeriesLabels
  */
-Chart.prototype.drawSeriesLabels = function () {
+function drawSeriesLabels(chart) {
     // console.time('drawSeriesLabels');
-    var chart = this, labelSeries = this.labelSeries;
+    var labelSeries = chart.labelSeries;
     chart.boxesToAvoid = [];
     // Build the interpolated points
     labelSeries.forEach(function (series) {
-        series.interpolatedPoints = series.getPointsOnGraph();
+        series.interpolatedPoints = getPointsOnGraph(series);
         (series.options.label.boxesToAvoid || []).forEach(function (box) {
             chart.boxesToAvoid.push(box);
         });
@@ -535,7 +226,7 @@ Chart.prototype.drawSeriesLabels = function () {
                     labelText = labelOptions.formatter.call(series);
                 }
                 series.labelBySeries = label = chart.renderer
-                    .label(labelText, 0, -9999, 'connector')
+                    .label(labelText, 0, 0, 'connector')
                     .addClass('highcharts-series-label ' +
                     'highcharts-series-label-' + series.index + ' ' +
                     (series.options.className || '') + ' ' +
@@ -555,7 +246,7 @@ Chart.prototype.drawSeriesLabels = function () {
                 // Adapt label sizes to the sum of the data
                 if (minFontSize && maxFontSize) {
                     label.css({
-                        fontSize: series.labelFontSize(minFontSize, maxFontSize)
+                        fontSize: labelFontSize(series, minFontSize, maxFontSize)
                     });
                 }
                 label
@@ -575,7 +266,7 @@ Chart.prototype.drawSeriesLabels = function () {
                     x = points[i].chartX - bBox.width / 2;
                     y = points[i].chartCenterY - bBox.height / 2;
                     if (insidePane(x, y, bBox)) {
-                        best = series.checkClearPoint(x, y, bBox);
+                        best = checkClearPoint(series, x, y, bBox);
                     }
                     if (best) {
                         results.push(best);
@@ -586,7 +277,7 @@ Chart.prototype.drawSeriesLabels = function () {
                     x = points[i].chartX + labelDistance;
                     y = points[i].chartY - bBox.height - labelDistance;
                     if (insidePane(x, y, bBox)) {
-                        best = series.checkClearPoint(x, y, bBox, true);
+                        best = checkClearPoint(series, x, y, bBox, true);
                     }
                     if (best) {
                         results.push(best);
@@ -595,7 +286,7 @@ Chart.prototype.drawSeriesLabels = function () {
                     x = points[i].chartX + labelDistance;
                     y = points[i].chartY + labelDistance;
                     if (insidePane(x, y, bBox)) {
-                        best = series.checkClearPoint(x, y, bBox, true);
+                        best = checkClearPoint(series, x, y, bBox, true);
                     }
                     if (best) {
                         results.push(best);
@@ -604,7 +295,7 @@ Chart.prototype.drawSeriesLabels = function () {
                     x = points[i].chartX - bBox.width - labelDistance;
                     y = points[i].chartY + labelDistance;
                     if (insidePane(x, y, bBox)) {
-                        best = series.checkClearPoint(x, y, bBox, true);
+                        best = checkClearPoint(series, x, y, bBox, true);
                     }
                     if (best) {
                         results.push(best);
@@ -613,7 +304,7 @@ Chart.prototype.drawSeriesLabels = function () {
                     x = points[i].chartX - bBox.width - labelDistance;
                     y = points[i].chartY - bBox.height - labelDistance;
                     if (insidePane(x, y, bBox)) {
-                        best = series.checkClearPoint(x, y, bBox, true);
+                        best = checkClearPoint(series, x, y, bBox, true);
                     }
                     if (best) {
                         results.push(best);
@@ -624,7 +315,7 @@ Chart.prototype.drawSeriesLabels = function () {
             if (labelOptions.connectorAllowed && !results.length && !onArea) {
                 for (x = paneLeft + paneWidth - bBox.width; x >= paneLeft; x -= 16) {
                     for (y = paneTop; y < paneTop + paneHeight - bBox.height; y += 16) {
-                        clearPoint = series.checkClearPoint(x, y, bBox, true);
+                        clearPoint = checkClearPoint(series, x, y, bBox, true);
                         if (clearPoint) {
                             results.push(clearPoint);
                         }
@@ -632,9 +323,7 @@ Chart.prototype.drawSeriesLabels = function () {
                 }
             }
             if (results.length) {
-                results.sort(function (a, b) {
-                    return b.weight - a.weight;
-                });
+                results.sort(function (a, b) { return b.weight - a.weight; });
                 best = results[0];
                 chart.boxesToAvoid.push({
                     left: best.x,
@@ -705,15 +394,139 @@ Chart.prototype.drawSeriesLabels = function () {
     });
     fireEvent(chart, 'afterDrawSeriesLabels');
     // console.timeEnd('drawSeriesLabels');
-};
-/* eslint-disable no-invalid-this */
+}
 /**
- * Prepare drawing series labels.
+ * Points to avoid. In addition to actual data points, the label should avoid
+ * interpolated positions.
  *
  * @private
- * @function drawLabels
+ * @function Highcharts.Series#getPointsOnGraph
+ */
+function getPointsOnGraph(series) {
+    if (!series.xAxis && !series.yAxis) {
+        return;
+    }
+    var distance = 16, points = series.points, interpolated = [], graph = series.graph || series.area, node = graph.element, inverted = series.chart.inverted, xAxis = series.xAxis, yAxis = series.yAxis, paneLeft = inverted ? yAxis.pos : xAxis.pos, paneTop = inverted ? xAxis.pos : yAxis.pos, onArea = pick(series.options.label.onArea, !!series.area), translatedThreshold = yAxis.getThreshold(series.options.threshold), grid = {};
+    var point, last, i, deltaX, deltaY, delta, len, n, j, d;
+    /**
+     * Push the point to the interpolated points, but only if that position in
+     * the grid has not been occupied. As a performance optimization, we divide
+     * the plot area into a grid and only add one point per series (#9815).
+     * @private
+     */
+    function pushDiscrete(point) {
+        var cellSize = 8, key = Math.round(point.plotX / cellSize) + ',' +
+            Math.round(point.plotY / cellSize);
+        if (!grid[key]) {
+            grid[key] = 1;
+            interpolated.push(point);
+        }
+    }
+    // For splines, get the point at length (possible caveat: peaks are not
+    // correctly detected)
+    if (series.getPointSpline &&
+        (node.getPointAtLength) &&
+        !onArea &&
+        // Not performing well on complex series, node.getPointAtLength is too
+        // heavy (#9815)
+        points.length < series.chart.plotSizeX / distance) {
+        // If it is animating towards a path definition, use that briefly, and
+        // reset
+        if (graph.toD) {
+            d = graph.attr('d');
+            graph.attr({ d: graph.toD });
+        }
+        len = node.getTotalLength();
+        for (i = 0; i < len; i += distance) {
+            point = node.getPointAtLength(i);
+            pushDiscrete({
+                chartX: paneLeft + point.x,
+                chartY: paneTop + point.y,
+                plotX: point.x,
+                plotY: point.y
+            });
+        }
+        if (d) {
+            graph.attr({ d: d });
+        }
+        // Last point
+        point = points[points.length - 1];
+        point.chartX = paneLeft + point.plotX;
+        point.chartY = paneTop + point.plotY;
+        pushDiscrete(point);
+        // Interpolate
+    }
+    else {
+        len = points.length;
+        for (i = 0; i < len; i += 1) {
+            point = points[i];
+            last = points[i - 1];
+            // Absolute coordinates so we can compare different panes
+            point.chartX = paneLeft + point.plotX;
+            point.chartY = paneTop + point.plotY;
+            if (onArea) {
+                // Vertically centered inside area
+                point.chartCenterY = paneTop + (point.plotY +
+                    pick(point.yBottom, translatedThreshold)) / 2;
+            }
+            // Add interpolated points
+            if (i > 0) {
+                deltaX = Math.abs(point.chartX - last.chartX);
+                deltaY = Math.abs(point.chartY - last.chartY);
+                delta = Math.max(deltaX, deltaY);
+                if (delta > distance) {
+                    n = Math.ceil(delta / distance);
+                    for (j = 1; j < n; j += 1) {
+                        pushDiscrete({
+                            chartX: last.chartX +
+                                (point.chartX - last.chartX) *
+                                    (j / n),
+                            chartY: last.chartY +
+                                (point.chartY - last.chartY) *
+                                    (j / n),
+                            chartCenterY: last.chartCenterY +
+                                (point.chartCenterY -
+                                    last.chartCenterY) * (j / n),
+                            plotX: last.plotX +
+                                (point.plotX - last.plotX) *
+                                    (j / n),
+                            plotY: last.plotY +
+                                (point.plotY - last.plotY) *
+                                    (j / n)
+                        });
+                    }
+                }
+            }
+            // Add the real point in order to find positive and negative peaks
+            if (isNumber(point.plotY)) {
+                pushDiscrete(point);
+            }
+        }
+    }
+    // Get the bounding box so we can do a quick check first if the bounding
+    // boxes overlap.
+    /*
+    interpolated.bBox = node.getBBox();
+    interpolated.bBox.x += paneLeft;
+    interpolated.bBox.y += paneTop;
+    */
+    return interpolated;
+}
+/**
+ * Overridable function to return series-specific font sizes for the labels. By
+ * default it returns bigger font sizes for series with the greater sum of y
+ * values.
+ * @private
  */
-function drawLabels(e) {
+function labelFontSize(series, minFontSize, maxFontSize) {
+    return minFontSize + ((series.sum / series.chart.labelSeriesMaxSum) *
+        (maxFontSize - minFontSize)) + 'px';
+}
+/**
+ * Prepare drawing series labels.
+ * @private
+ */
+function onChartRedraw(e) {
     if (this.renderer) {
         var chart_1 = this;
         var delay_1 = animObject(chart_1.renderer.globalAnimation).duration;
@@ -755,11 +568,76 @@ function drawLabels(e) {
         });
         chart_1.seriesLabelTimer = syncTimeout(function () {
             if (chart_1.series && chart_1.labelSeries) { // #7931, chart destroyed
-                chart_1.drawSeriesLabels();
+                drawSeriesLabels(chart_1);
             }
         }, chart_1.renderer.forExport || !delay_1 ? 0 : delay_1);
     }
 }
-// Leave both events, we handle animation differently (#9815)
-addEvent(Chart, 'load', drawLabels);
-addEvent(Chart, 'redraw', drawLabels);
+/**
+ * General symbol definition for labels with connector.
+ * @private
+ */
+function symbolConnector(x, y, w, h, options) {
+    var anchorX = options && options.anchorX, anchorY = options && options.anchorY;
+    var path, yOffset, lateral = w / 2;
+    if (isNumber(anchorX) && isNumber(anchorY)) {
+        path = [['M', anchorX, anchorY]];
+        // Prefer 45 deg connectors
+        yOffset = y - anchorY;
+        if (yOffset < 0) {
+            yOffset = -h - yOffset;
+        }
+        if (yOffset < w) {
+            lateral = anchorX < x + (w / 2) ? yOffset : w - yOffset;
+        }
+        // Anchor below label
+        if (anchorY > y + h) {
+            path.push(['L', x + lateral, y + h]);
+            // Anchor above label
+        }
+        else if (anchorY < y) {
+            path.push(['L', x + lateral, y]);
+            // Anchor left of label
+        }
+        else if (anchorX < x) {
+            path.push(['L', x, y + h / 2]);
+            // Anchor right of label
+        }
+        else if (anchorX > x + w) {
+            path.push(['L', x + w, y + h / 2]);
+        }
+    }
+    return path || [];
+}
+/* *
+ *
+ *  Default Export
+ *
+ * */
+var SeriesLabel = {
+    compose: compose
+};
+export default SeriesLabel;
+/* *
+ *
+ *  API Declarations
+ *
+ * */
+/**
+ * Containing the position of a box that should be avoided by labels.
+ *
+ * @interface Highcharts.LabelIntersectBoxObject
+ */ /**
+* @name Highcharts.LabelIntersectBoxObject#bottom
+* @type {number}
+*/ /**
+* @name Highcharts.LabelIntersectBoxObject#left
+* @type {number}
+*/ /**
+* @name Highcharts.LabelIntersectBoxObject#right
+* @type {number}
+*/ /**
+* @name Highcharts.LabelIntersectBoxObject#top
+* @type {number}
+*/
+(''); // keeps doclets above in JS file