highcharts 11.4.3 → 11.4.5

package/es-modules/Series/Area/AreaSeries.js

@@ -191,6 +191,11 @@ class AreaSeries extends LineSeries {
         // TODO: don't set leftCliff and rightCliff when connectNulls?
         const graphPath = getGraphPath
             .call(this, graphPoints, false, connectNulls);
+        if (this.chart.series.length > 1 &&
+            stacking &&
+            graphPoints.some((point) => point.isCliff)) {
+            areaPath.hasStackedCliffs = graphPath.hasStackedCliffs = true;
+        }
         areaPath.xMap = topPath.xMap;
         this.areaPath = areaPath;
         return graphPath;

package/es-modules/Series/Area/AreaSeriesDefaults.js

@@ -16,7 +16,7 @@
 /**
  * The area series type.
  *
- * @sample {highcharts} highcharts/demo/area-basic/
+ * @sample {highcharts} highcharts/demo/area-chart/
  *         Area chart
  * @sample {highstock} stock/demo/area/
  *         Area chart

package/es-modules/Series/Bar/BarSeries.js

@@ -37,7 +37,7 @@ class BarSeries extends ColumnSeries {
  * A bar series is a special type of column series where the columns are
  * horizontal.
  *
- * @sample highcharts/demo/bar-basic/
+ * @sample highcharts/demo/bar-chart/
  *         Bar chart
  *
  * @extends      plotOptions.column

package/es-modules/Series/Bellcurve/BellcurveSeriesDefaults.js

@@ -29,7 +29,7 @@
  * @product      highcharts
  * @excluding    boostThreshold, connectNulls, dragDrop, stacking,
  *               pointInterval, pointIntervalUnit
- * @requires     modules/bellcurve
+ * @requires     modules/histogram-bellcurve
  * @optionparent plotOptions.bellcurve
  */
 const BellcurveSeriesDefaults = {
@@ -86,7 +86,7 @@ const BellcurveSeriesDefaults = {
  * @since     6.0.0
  * @product   highcharts
  * @excluding dataParser, dataURL, data, boostThreshold, boostBlending
- * @requires  modules/bellcurve
+ * @requires  modules/histogram-bellcurve
  * @apioption series.bellcurve
  */
 /**

package/es-modules/Series/BoxPlot/BoxPlotSeries.js

@@ -139,7 +139,8 @@ class BoxPlotSeries extends ColumnSeries {
                 }
                 let d;
                 // The stem
-                const stemX = crisp(point.plotX || 0, point.stem.strokeWidth());
+                const stemX = crisp((point.plotX || 0) + (series.pointXOffset || 0) +
+                    ((series.barW || 0) / 2), point.stem.strokeWidth());
                 d = [
                     // Stem up
                     ['M', stemX, q3Plot],

package/es-modules/Series/Bubble/BubbleLegendComposition.js

@@ -92,11 +92,8 @@ function chartDrawChartBox(proceed, options, callback) {
  *
  * @param {Highcharts.Legend} LegendClass
  * Core legend class to use with Bubble series.
- *
- * @param {Highcharts.Series} SeriesClass
- * Core series class to use with Bubble series.
  */
-function compose(ChartClass, LegendClass, SeriesClass) {
+function compose(ChartClass, LegendClass) {
     if (pushUnique(composed, 'Series.BubbleLegend')) {
         setOptions({
             // Set default bubble legend options
@@ -106,7 +103,7 @@ function compose(ChartClass, LegendClass, SeriesClass) {
         });
         wrap(ChartClass.prototype, 'drawChartBox', chartDrawChartBox);
         addEvent(LegendClass, 'afterGetAllItems', onLegendAfterGetAllItems);
-        addEvent(SeriesClass, 'legendItemClick', onSeriesLegendItemClick);
+        addEvent(LegendClass, 'itemClick', onLegendItemClick);
     }
 }
 /**
@@ -198,12 +195,12 @@ function onLegendAfterGetAllItems(e) {
 /**
  * Toggle bubble legend depending on the visible status of bubble series.
  */
-function onSeriesLegendItemClick(e) {
+function onLegendItemClick(e) {
     // #14080 don't fire this code if click function is prevented
     if (e.defaultPrevented) {
         return false;
     }
-    const series = this, chart = series.chart, visible = series.visible, legend = series.chart.legend;
+    const legend = this, series = e.legendItem, chart = legend.chart, visible = series.visible;
     let status;
     if (legend && legend.bubbleLegend) {
         // Temporary correct 'visible' property

package/es-modules/Series/Bubble/BubbleLegendDefaults.js

@@ -183,19 +183,19 @@ const BubbleLegendDefaults = {
      * not specified, the `minSize` and the `maxSize` are calculated
      * from bubble series.
      */
-    maxSize: 60,
+    maxSize: 60, // Number
     /**
      * Minimum bubble legend range size. If values for ranges are
      * not specified, the `minSize` and the `maxSize` are calculated
      * from bubble series.
      */
-    minSize: 10,
+    minSize: 10, // Number
     /**
      * The position of the bubble legend in the legend.
      * @sample highcharts/bubble-legend/connectorandlabels/
      *         Bubble legend as last item in legend
      */
-    legendIndex: 0,
+    legendIndex: 0, // Number
     /**
      * Options for specific range. One range consists of bubble,
      * label and connector.

package/es-modules/Series/Bubble/BubbleSeries.js

@@ -87,8 +87,8 @@ class BubbleSeries extends ScatterSeries {
      *  Static Functions
      *
      * */
-    static compose(AxisClass, ChartClass, LegendClass, SeriesClass) {
-        BubbleLegendComposition.compose(ChartClass, LegendClass, SeriesClass);
+    static compose(AxisClass, ChartClass, LegendClass) {
+        BubbleLegendComposition.compose(ChartClass, LegendClass);
         if (pushUnique(composed, 'Series.Bubble')) {
             addEvent(AxisClass, 'foundExtremes', onAxisFoundExtremes);
         }
@@ -363,7 +363,7 @@ BubbleSeries.defaultOptions = merge(ScatterSeries.defaultOptions, {
      * @excluding enabled, enabledThreshold, height, radius, width
      */
     marker: {
-        lineColor: null,
+        lineColor: null, // Inherit from series.color
         lineWidth: 1,
         /**
          * The fill opacity of the bubble markers.
@@ -555,7 +555,7 @@ extend(BubbleSeries.prototype, {
     pointClass: BubblePoint,
     parallelArrays: ['x', 'y', 'z'],
     trackerGroups: ['group', 'dataLabelsGroup'],
-    specialGroup: 'group',
+    specialGroup: 'group', // To allow clipping (#6296)
     zoneAxis: 'z'
 });
 // On updated data in any series, delete the chart-level Z extremes cache

package/es-modules/Series/Column/ColumnSeriesDefaults.js

@@ -117,7 +117,7 @@ const ColumnSeriesDefaults = {
      * @apioption plotOptions.column.grouping
      */
     /** @ignore-option */
-    marker: null,
+    marker: null, // Point options are specified in the base options
     /**
      * The maximum allowed pixel width for a column, translated to the
      * height of a bar in a bar chart. This prevents the columns from

package/es-modules/Series/DependencyWheel/DependencyWheelSeries.js

@@ -21,6 +21,9 @@ import SeriesRegistry from '../../Core/Series/SeriesRegistry.js';
 const { pie: PieSeries, sankey: SankeySeries } = SeriesRegistry.seriesTypes;
 import U from '../../Core/Utilities.js';
 const { extend, merge, relativeLength } = U;
+import SVGElement from '../../Core/Renderer/SVG/SVGElement.js';
+import TextPath from '../../Extensions/TextPath.js';
+TextPath.compose(SVGElement);
 /* *
  *
  *  Class
@@ -193,8 +196,8 @@ class DependencyWheelSeries extends SankeySeries {
                                     'A',
                                     innerR, innerR,
                                     0,
-                                    0,
-                                    1,
+                                    0, // Long arc
+                                    1, // Clockwise
                                     corners[1].x, corners[1].y
                                 ], [
                                     'C',

package/es-modules/Series/Dumbbell/DumbbellSeriesDefaults.js

@@ -162,14 +162,14 @@ const DumbbellSeriesDefaults = {
  * @apioption series.dumbbell.data
  */
 /**
- * Color of the start markers in a twojastara dumbbell graph. This option takes
+ * Color of the start markers in a dumbbell graph. This option takes
  * priority over the series color. To avoid this, set `lowColor` to
  * `undefined`.
  *
  * @type      {Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject}
  * @since     8.0.0
  * @product   highcharts highstock
- * @apioption  series.dumbell.lowColor
+ * @apioption  series.dumbbell.lowColor
  */
 /**
  * Options for the lower markers of the dumbbell-like series. When `lowMarker`

package/es-modules/Series/ErrorBar/ErrorBarSeries.js

@@ -70,8 +70,8 @@ addEvent(ErrorBarSeries, 'afterTranslate', function () {
     }
 }, { order: 0 });
 extend(ErrorBarSeries.prototype, {
-    pointArrayMap: ['low', 'high'],
-    pointValKey: 'high',
+    pointArrayMap: ['low', 'high'], // Array point configs are mapped to this
+    pointValKey: 'high', // Defines the top of the tracker
     doQuartiles: false
 });
 SeriesRegistry.registerSeriesType('errorbar', ErrorBarSeries);

package/es-modules/Series/Flags/FlagsSeries.js

@@ -276,11 +276,11 @@ OnSeriesComposition.compose(FlagsSeries);
 extend(FlagsSeries.prototype, {
     allowDG: false,
     forceCrop: true,
-    invertible: false,
+    invertible: false, // Flags series group should not be invertible (#14063).
     noSharedTooltip: true,
     pointClass: FlagsPoint,
     sorted: false,
-    takeOrdinalPosition: false,
+    takeOrdinalPosition: false, // #1074
     trackerGroups: ['markerGroup'],
     buildKDTree: noop,
     /**

package/es-modules/Series/Flags/FlagsSeriesDefaults.js

@@ -61,7 +61,7 @@ const FlagsSeriesDefaults = {
      * @product   highstock
      * @apioption plotOptions.flags.onSeries
      */
-    pointRange: 0,
+    pointRange: 0, // #673
     /**
      * Whether the flags are allowed to overlap sideways. If `false`, the
      * flags are moved sideways using an algorithm that seeks to place every

package/es-modules/Series/Gantt/GanttSeriesDefaults.js

@@ -73,7 +73,7 @@ const GanttSeriesDefaults = {
             align: 'left'
         },
         endMarker: {
-            enabled: false,
+            enabled: false, // Only show arrow on the dependent task
             align: 'right'
         }
     }

package/es-modules/Series/Gauge/GaugeSeries.js

@@ -480,7 +480,7 @@ extend(GaugeSeries.prototype, {
     // `chart.angular` will be set to true when a gauge series is present, and
     // this will be used on the axes
     angular: true,
-    directTouch: true,
+    directTouch: true, // #5063
     drawGraph: noop,
     drawTracker: ColumnSeries.prototype.drawTracker,
     fixedBox: true,

package/es-modules/Series/HLC/HLCSeries.js

@@ -164,7 +164,7 @@ class HLCSeries extends ColumnSeries {
 HLCSeries.defaultOptions = merge(ColumnSeries.defaultOptions, HLCSeriesDefaults);
 extend(HLCSeries.prototype, {
     pointClass: HLCPoint,
-    animate: null,
+    animate: null, // Disable animation
     directTouch: false,
     pointArrayMap: ['high', 'low', 'close'],
     pointAttrToOptions: {

package/es-modules/Series/Heatmap/HeatmapSeriesDefaults.js

@@ -282,14 +282,14 @@ const HeatmapSeriesDefaults = {
     },
     clip: true,
     /** @ignore-option */
-    pointRange: null,
+    pointRange: null, // Dynamically set to colsize by default
     tooltip: {
         pointFormat: '{point.x}, {point.y}: {point.value}<br/>'
     },
     states: {
         hover: {
             /** @ignore-option */
-            halo: false,
+            halo: false, // #3406, halo is disabled on heatmaps by default
             /**
              * How much to brighten the point on interaction. Requires the
              * main color to be defined in hex or rgb(a) format.

package/es-modules/Series/Item/ItemSeries.js

@@ -26,7 +26,7 @@ const { defined, extend, fireEvent, isNumber, merge, pick } = U;
 /**
  * The item series type.
  *
- * @requires module:modules/item-series
+ * @requires modules/item-series
  *
  * @private
  * @class

package/es-modules/Series/Map/MapSeries.js

@@ -65,7 +65,7 @@ class MapSeries extends ScatterSeries {
             group.attr({
                 translateX: chart.plotLeft + chart.plotWidth / 2,
                 translateY: chart.plotTop + chart.plotHeight / 2,
-                scaleX: 0.001,
+                scaleX: 0.001, // #1499
                 scaleY: 0.001
             });
             // Run the animation

package/es-modules/Series/Map/MapSeriesDefaults.js

@@ -42,7 +42,7 @@ const MapSeriesDefaults = {
      * @private
      */
     affectsMapView: true,
-    animation: false,
+    animation: false, // Makes the complex shapes slow
     dataLabels: {
         crop: false,
         formatter: function () {
@@ -52,7 +52,7 @@ const MapSeriesDefaults = {
                 numberFormatter(value, -1) :
                 this.point.name; // #20231
         },
-        inside: true,
+        inside: true, // For the color
         overflow: false,
         padding: 0,
         verticalAlign: 'middle'

package/es-modules/Series/Networkgraph/NetworkgraphSeries.js

@@ -10,6 +10,7 @@
  *
  * */
 'use strict';
+import SVGElement from '../../Core/Renderer/SVG/SVGElement.js';
 import DragNodesComposition from '../DragNodesComposition.js';
 import GraphLayout from '../GraphLayoutComposition.js';
 import H from '../../Core/Globals.js';
@@ -24,6 +25,8 @@ import D from '../SimulationSeriesUtilities.js';
 const { initDataLabels, initDataLabelsDefer } = D;
 import U from '../../Core/Utilities.js';
 const { addEvent, defined, extend, merge, pick } = U;
+import TextPath from '../../Extensions/TextPath.js';
+TextPath.compose(SVGElement);
 /* *
  *
  *  Class
@@ -329,7 +332,7 @@ class NetworkgraphSeries extends Series {
 NetworkgraphSeries.defaultOptions = merge(Series.defaultOptions, NetworkgraphSeriesDefaults);
 extend(NetworkgraphSeries.prototype, {
     pointClass: NetworkgraphPoint,
-    animate: void 0,
+    animate: void 0, // Animation is run in `series.simulation`
     directTouch: true,
     drawGraph: void 0,
     forces: ['barycenter', 'repulsive', 'attractive'],

package/es-modules/Series/Organization/OrganizationSeries.js

@@ -17,6 +17,9 @@ import PathUtilities from '../PathUtilities.js';
 const { sankey: SankeySeries } = SeriesRegistry.seriesTypes;
 import U from '../../Core/Utilities.js';
 const { css, crisp, extend, isNumber, merge, pick } = U;
+import SVGElement from '../../Core/Renderer/SVG/SVGElement.js';
+import TextPath from '../../Extensions/TextPath.js';
+TextPath.compose(SVGElement);
 /* *
  *
  *  Class

package/es-modules/Series/PackedBubble/PackedBubblePoint.js

@@ -30,7 +30,7 @@ class PackedBubblePoint extends BubblePoint {
      * @private
      */
     destroy() {
-        if (this.series.layout) {
+        if (this.series?.layout) {
             this.series.layout.removeElementFromCollection(this, this.series.layout.nodes);
         }
         return Point.prototype.destroy.apply(this, arguments);

package/es-modules/Series/PackedBubble/PackedBubbleSeries.js

@@ -23,6 +23,9 @@ import D from '../SimulationSeriesUtilities.js';
 const { initDataLabels, initDataLabelsDefer } = D;
 import U from '../../Core/Utilities.js';
 const { addEvent, clamp, defined, extend, fireEvent, isArray, isNumber, merge, pick } = U;
+import SVGElement from '../../Core/Renderer/SVG/SVGElement.js';
+import TextPath from '../../Extensions/TextPath.js';
+TextPath.compose(SVGElement);
 /* *
  *
  *  Class
@@ -52,8 +55,8 @@ class PackedBubbleSeries extends BubbleSeries {
      *  Static Functions
      *
      * */
-    static compose(AxisClass, ChartClass, LegendClass, SeriesClass) {
-        BubbleSeries.compose(AxisClass, ChartClass, LegendClass, SeriesClass);
+    static compose(AxisClass, ChartClass, LegendClass) {
+        BubbleSeries.compose(AxisClass, ChartClass, LegendClass);
         DragNodesComposition.compose(ChartClass);
         PackedBubbleLayout.compose(ChartClass);
     }
@@ -480,10 +483,10 @@ class PackedBubbleSeries extends BubbleSeries {
             // Create first bubble in the middle of the chart
             bubblePos.push([
                 [
+                    0, // Starting in 0,0 coordinates
                     0,
-                    0,
-                    sortedArr[0][2],
-                    sortedArr[0][3],
+                    sortedArr[0][2], // Radius
+                    sortedArr[0][3], // Series index
                     sortedArr[0][4]
                 ] // Point index
             ]); // 0 level bubble

package/es-modules/Series/Pie/PieDataLabel.js

@@ -131,7 +131,7 @@ var ColumnDataLabel;
      */
     function drawDataLabels() {
         const series = this, points = series.points, chart = series.chart, plotWidth = chart.plotWidth, plotHeight = chart.plotHeight, plotLeft = chart.plotLeft, maxWidth = Math.round(chart.chartWidth / 3), seriesCenter = series.center, radius = seriesCenter[2] / 2, centerY = seriesCenter[1], halves = [
-            [],
+            [], // Right
             [] // Left
         ], overflow = [0, 0, 0, 0], // Top, right, bottom, left
         dataLabelPositioners = series.dataLabelPositioners;
@@ -207,11 +207,12 @@ var ColumnDataLabel;
                             labelPosition.top = Math.max(0, centerY - radius - labelPosition.distance);
                             labelPosition.bottom = Math.min(centerY + radius + labelPosition.distance, chart.plotHeight);
                             size = dataLabel.getBBox().height || 21;
+                            dataLabel.lineHeight = chart.renderer.fontMetrics(dataLabel.text || dataLabel).h + 2 * dataLabel.padding;
                             point.distributeBox = {
                                 target: ((dataLabel.dataLabelPosition
                                     ?.natural.y || 0) -
                                     labelPosition.top +
-                                    size / 2),
+                                    dataLabel.lineHeight / 2),
                                 size,
                                 rank: point.y
                             };
@@ -226,7 +227,7 @@ var ColumnDataLabel;
             points.forEach((point) => {
                 (point.dataLabels || []).forEach((dataLabel) => {
                     const dataLabelOptions = (dataLabel.options || {}), distributeBox = point.distributeBox, labelPosition = dataLabel.dataLabelPosition, naturalY = labelPosition?.natural.y || 0, connectorPadding = dataLabelOptions
-                        .connectorPadding || 0;
+                        .connectorPadding || 0, lineHeight = dataLabel.lineHeight || 21, bBox = dataLabel.getBBox(), topOffset = (lineHeight - bBox.height) / 2;
                     let x = 0, y = naturalY, visibility = 'inherit';
                     if (labelPosition) {
                         if (positions &&
@@ -256,7 +257,7 @@ var ColumnDataLabel;
                                     x = dataLabelPositioners.alignToPlotEdges(dataLabel, halfIdx, plotWidth, plotLeft);
                                     break;
                                 default:
-                                    x = dataLabelPositioners.radialDistributionX(series, point, y, naturalY, dataLabel);
+                                    x = dataLabelPositioners.radialDistributionX(series, point, y - topOffset, naturalY, dataLabel);
                             }
                         }
                         // Record the placement and visibility
@@ -274,10 +275,10 @@ var ColumnDataLabel;
                             y: y +
                                 (dataLabelOptions.y || 0) - // (#12985)
                                 // Vertically center
-                                dataLabel.getBBox().height / 2
+                                lineHeight / 2
                         };
                         labelPosition.computed.x = x;
-                        labelPosition.computed.y = y;
+                        labelPosition.computed.y = y - topOffset;
                         // Detect overflowing data labels
                         if (pick(dataLabelOptions.crop, true)) {
                             dataLabelWidth = dataLabel.getBBox().width;

package/es-modules/Series/Pie/PiePoint.js

@@ -148,18 +148,18 @@ extend(PiePoint.prototype, {
         // Only one available before v7.0.0
         fixedOffset: function (labelPosition, connectorPosition, options) {
             const breakAt = connectorPosition.breakAt, touchingSliceAt = connectorPosition.touchingSliceAt, lineSegment = options.softConnector ? [
-                'C',
+                'C', // Soft break
                 // 1st control point (of the curve)
                 labelPosition.x +
                     // 5 gives the connector a little horizontal bend
                     (labelPosition.alignment === 'left' ? -5 : 5),
-                labelPosition.y,
-                2 * breakAt.x - touchingSliceAt.x,
-                2 * breakAt.y - touchingSliceAt.y,
-                breakAt.x,
+                labelPosition.y, //
+                2 * breakAt.x - touchingSliceAt.x, // 2nd control point
+                2 * breakAt.y - touchingSliceAt.y, //
+                breakAt.x, // End of the curve
                 breakAt.y //
             ] : [
-                'L',
+                'L', // Pointy break
                 breakAt.x,
                 breakAt.y
             ];

package/es-modules/Series/Pie/PieSeriesDefaults.js

@@ -74,13 +74,14 @@ const PieSeriesDefaults = {
      * event information. The default action is to toggle the visibility of
      * the point. This can be prevented by calling `event.preventDefault()`.
      *
-     * @sample {highcharts} highcharts/plotoptions/pie-point-events-legenditemclick/
-     *         Confirm toggle visibility
-     *
-     * @type      {Highcharts.PointLegendItemClickCallbackFunction}
-     * @since     1.2.0
-     * @product   highcharts highmaps
-     * @apioption plotOptions.pie.point.events.legendItemClick
+     *  **Note:** This option is deprecated in favor of
+     * [legend.events.itemClick](#legend.events.itemClick).
+     *
+     * @deprecated 11.4.4
+     * @type       {Highcharts.PointLegendItemClickCallbackFunction}
+     * @since      1.2.0
+     * @product    highcharts highmaps
+     * @apioption  plotOptions.pie.point.events.legendItemClick
      */
     /**
      * The center of the pie chart relative to the plot area. Can be
@@ -130,7 +131,7 @@ const PieSeriesDefaults = {
      *
      * @private
      */
-    colorByPoint: true,
+    colorByPoint: true, // Always true for pies
     /**
      * A series specific or series type specific color set to use instead
      * of the global [colors](#colors).
@@ -426,7 +427,7 @@ const PieSeriesDefaults = {
      *
      * @private
      */
-    marker: null,
+    marker: null, // Point options are specified in the base options
     /**
      * The minimum size for a pie in response to auto margins. The pie will
      * try to shrink to make room for data labels in side the plot area,
@@ -553,7 +554,7 @@ const PieSeriesDefaults = {
      * @ignore-option
      * @private
      */
-    lineWidth: void 0,
+    lineWidth: void 0, // #12222
     states: {
         /**
          * @extends   plotOptions.series.states.hover

package/es-modules/Series/Pie3D/Pie3DSeries.js

@@ -69,7 +69,7 @@ class Pie3DSeries extends PieSeries {
                 attribs = {
                     translateX: center[0],
                     translateY: center[1],
-                    scaleX: 0.001,
+                    scaleX: 0.001, // #1499
                     scaleY: 0.001
                 };
                 group.attr(attribs);

package/es-modules/Series/Sankey/SankeySeries.js

@@ -23,6 +23,9 @@ import TU from '../TreeUtilities.js';
 const { getLevelOptions, getNodeWidth } = TU;
 import U from '../../Core/Utilities.js';
 const { clamp, crisp, extend, isObject, merge, pick, relativeLength, stableSort } = U;
+import SVGElement from '../../Core/Renderer/SVG/SVGElement.js';
+import TextPath from '../../Extensions/TextPath.js';
+TextPath.compose(SVGElement);
 /* *
  *
  *  Class
@@ -214,18 +217,18 @@ class SankeySeries extends ColumnSeries {
             // should be the level of the root node.
             from: 1,
             levels: options.levels,
-            to: nodeColumns.length - 1,
+            to: nodeColumns.length - 1, // Height of the tree
             defaults: {
                 borderColor: options.borderColor,
-                borderRadius: options.borderRadius,
+                borderRadius: options.borderRadius, // Organization series
                 borderWidth: options.borderWidth,
                 color: series.color,
                 colorByPoint: options.colorByPoint,
                 // NOTE: if support for allowTraversingTree is added, then
                 // levelIsConstant should be optional.
                 levelIsConstant: true,
-                linkColor: options.linkColor,
-                linkLineWidth: options.linkLineWidth,
+                linkColor: options.linkColor, // Organization series
+                linkLineWidth: options.linkLineWidth, // Organization series
                 linkOpacity: options.linkOpacity,
                 states: options.states
             }

package/es-modules/Series/Sankey/SankeySeriesDefaults.js

@@ -66,7 +66,7 @@ const SankeySeriesDefaults = {
      */
     dataLabels: {
         enabled: true,
-        backgroundColor: 'none',
+        backgroundColor: 'none', // Enable padding
         crop: false,
         /**
          * The

package/es-modules/Series/Sunburst/SunburstSeries.js

@@ -26,6 +26,9 @@ import U from '../../Core/Utilities.js';
 import SunburstNode from './SunburstNode.js';
 import SunburstSeriesDefaults from './SunburstSeriesDefaults.js';
 const { defined, error, extend, fireEvent, isNumber, isObject, isString, merge, splat } = U;
+import SVGElement from '../../Core/Renderer/SVG/SVGElement.js';
+import TextPath from '../../Extensions/TextPath.js';
+TextPath.compose(SVGElement);
 /* *
  *
  *  Constants
@@ -333,7 +336,7 @@ class SunburstSeries extends TreemapSeries {
             attribs = {
                 translateX: center[0] + plotLeft,
                 translateY: center[1] + plotTop,
-                scaleX: 0.001,
+                scaleX: 0.001, // #1499
                 scaleY: 0.001,
                 rotation: 10,
                 opacity: 0.01
@@ -408,12 +411,12 @@ class SunburstSeries extends TreemapSeries {
                 };
             }
             extend(point, {
-                shapeExisting: shape,
+                shapeExisting: shape, // Store for use in animation
                 tooltipPos: [shape.plotX, shape.plotY],
                 drillId: getDrillId(point, idRoot, nodeMap),
                 name: '' + (point.name || point.id || point.index),
-                plotX: shape.plotX,
-                plotY: shape.plotY,
+                plotX: shape.plotX, // Used for data label position
+                plotY: shape.plotY, // Used for data label position
                 value: node.val,
                 isInside: visible,
                 isNull: !visible // Used for dataLabels & point.draw
@@ -615,7 +618,7 @@ class SunburstSeries extends TreemapSeries {
 SunburstSeries.defaultOptions = merge(TreemapSeries.defaultOptions, SunburstSeriesDefaults);
 extend(SunburstSeries.prototype, {
     axisTypes: [],
-    drawDataLabels: noop,
+    drawDataLabels: noop, // `drawDataLabels` is called in `drawPoints`
     getCenter: getCenter,
     isCartesian: false,
     // Mark that the sunburst is supported by the series on point feature.