highcharts 7.1.1 → 7.1.2

package/es-modules/modules/pyramid3d.src.js

@@ -113,7 +113,7 @@ seriesType('pyramid3d', 'funnel3d',
  *         Config objects
  *
  * @type      {Array<number|Array<number>|*>}
- * @extends   series.pyramid3d.data
+ * @extends   series.funnel3d.data
  * @product   highcharts
  * @apioption series.pyramid3d.data
  */

package/es-modules/modules/sankey.src.js

@@ -79,7 +79,7 @@
  * @see {@link https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/css/series-datalabels|Highcharts-Demo:}
  *      Style mode example
  *
- * @interface Highcharts.PlotSankeyDataLabelsOptionsObject
+ * @interface Highcharts.SeriesSankeyDataLabelsOptionsObject
  * @extends Highcharts.DataLabelsOptionsObject
  *//**
  * The
@@ -90,13 +90,13 @@
  * @see {@link https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/plotoptions/sankey-link-datalabels|Highcharts-Demo:}
  *      Node and link data labels
  *
- * @name Highcharts.PlotSankeyDataLabelsOptionsObject#nodeFormat
+ * @name Highcharts.SeriesSankeyDataLabelsOptionsObject#nodeFormat
  * @type {string|undefined}
  *//**
  * Callback to format data labels for _nodes_ in the sankey diagram. The
  * `nodeFormat` option takes precedence over the `nodeFormatter`.
  *
- * @name Highcharts.PlotSankeyDataLabelsOptionsObject#nodeFormatter
+ * @name Highcharts.SeriesSankeyDataLabelsOptionsObject#nodeFormatter
  * @type {Highcharts.FormatterCallbackFunction<Highcharts.SankeyNodeObject>|undefined}
  * @default function () { return this.point.name; }
  * @since 6.0.2
@@ -144,8 +144,7 @@ var getDLOptions = function getDLOptions(params) {
  *
  * @augments Highcharts.Series
  */
-seriesType('sankey', 'column'
-
+seriesType('sankey', 'column',
     /**
      * A sankey diagram is a type of flow diagram, in which the width of the
      * link between two nodes is shown proportionally to the flow quantity.
@@ -169,7 +168,7 @@ seriesType('sankey', 'column'
      *               stacking, threshold, zoneAxis, zones
      * @optionparent plotOptions.sankey
      */
-    , {
+    {
         borderWidth: 0,
         colorByPoint: true,
         /**
@@ -187,7 +186,8 @@ seriesType('sankey', 'column'
          * `nodeFormat`, and the `format` that applies to links and is an empty
          * string by default.
          *
-         * @type {Highcharts.DataLabelsOptionsObject|Highcharts.PlotSankeyDataLabelsOptionsObject}
+         * @type    {Highcharts.SeriesSankeyDataLabelsOptionsObject|Array<Highcharts.SeriesSankeyDataLabelsOptionsObject>}
+         * @default {"enabled": true, "backgroundColor": "none", "crop": false, "nodeFormatter": function () { return this.point.name; }, "inside": true}
          *
          * @private
          */
@@ -216,7 +216,11 @@ seriesType('sankey', 'column'
             inside: true
         },
 
-        /** @ignore-option */
+        /**
+         * @ignore-option
+         *
+         * @private
+         */
         inactiveOtherPoints: true,
 
         /**
@@ -502,9 +506,11 @@ seriesType('sankey', 'column'
         pointAttribs: function (point, state) {
             var series = this,
                 level = point.isNode ? point.level : point.fromNode.level,
-                levelOptions = series.mapOptionsToLevel[level || 0],
+                levelOptions = series.mapOptionsToLevel[level || 0] || {},
                 options = point.options,
-                stateOptions = levelOptions.states[state] || {},
+                stateOptions = (
+                    levelOptions.states && levelOptions.states[state]
+                ) || {},
                 values = [
                     'colorByPoint', 'borderColor', 'borderWidth', 'linkOpacity'
                 ].reduce(function (obj, key) {
@@ -1028,6 +1034,12 @@ seriesType('sankey', 'column'
  * @apioption series.sankey.data.color
  */
 
+/**
+ * @type      {Highcharts.SeriesSankeyDataLabelsOptionsObject|Array<Highcharts.SeriesSankeyDataLabelsOptionsObject>}
+ * @product   highcharts
+ * @apioption series.sankey.data.dataLabels
+ */
+
 /**
  * The node that the link runs from.
  *

package/es-modules/modules/series-label.src.js

@@ -1,4 +1,4 @@
-/**
+/* *
  * (c) 2009-2019 Torstein Honsi
  *
  * License: www.highcharts.com/license
@@ -707,6 +707,7 @@ Chart.prototype.drawSeriesLabels = function () {
             points = series.interpolatedPoints,
             onArea = pick(labelOptions.onArea, !!series.area),
             label = series.labelBySeries,
+            isNew = !label,
             minFontSize = labelOptions.minFontSize,
             maxFontSize = labelOptions.maxFontSize,
             dataExtremes,
@@ -775,8 +776,7 @@ Chart.prototype.drawSeriesLabels = function () {
                         'stroke-width': 1,
                         zIndex: 3
                     })
-                    .add()
-                    .animate({ opacity: 1 }, { duration: 200 });
+                    .add();
             }
 
             bBox = label.getBBox();
@@ -936,7 +936,18 @@ Chart.prototype.drawSeriesLabels = function () {
                             anchorY: best.connectorPoint &&
                                 best.connectorPoint.plotY + paneTop
                         }))
-                        .animate(anim);
+                        .animate(
+                            anim,
+                            isNew ?
+                                // Default initial animation to a fraction of
+                                // the series animation (#9396)
+                                H.animObject(
+                                    series.options.animation
+                                ).duration * 0.2 :
+                                // On updating, default to the general chart
+                                // animation
+                                chart.renderer.globalAnimation
+                        );
 
                     // Record closest point to stick to for sync redraw
                     series.options.kdNow = true;
@@ -975,10 +986,7 @@ Chart.prototype.drawSeriesLabels = function () {
 function drawLabels(e) {
 
     var chart = this,
-        delay = Math.max(
-            H.animObject(chart.renderer.globalAnimation).duration,
-            250
-        );
+        delay = H.animObject(chart.renderer.globalAnimation).duration;
 
     chart.labelSeries = [];
     chart.labelSeriesMaxSum = 0;

package/es-modules/modules/solid-gauge.src.js

@@ -195,6 +195,20 @@ colorAxisMethods = {
  * @optionparent plotOptions.solidgauge
  */
 var solidGaugeOptions = {
+    /**
+     * The inner radius for points in a solid gauge. Can be given as a number
+     * (pixels) or percentage string.
+     *
+     * @sample {highcharts} highcharts/plotoptions/solidgauge-radius/
+     *         Individual radius and innerRadius
+     *
+     * @type      {number|string}
+     * @default   60
+     * @since     4.1.6
+     * @product   highcharts
+     * @apioption plotOptions.solidgauge.innerRadius
+     */
+
     /**
      * Whether the strokes of the solid gauge should be `round` or `square`.
      *
@@ -222,6 +236,20 @@ var solidGaugeOptions = {
      * @apioption plotOptions.solidgauge.overshoot
      */
 
+    /**
+     * The outer radius for points in a solid gauge. Can be given as a number
+     * (pixels) or percentage string.
+     *
+     * @sample {highcharts} highcharts/plotoptions/solidgauge-radius/
+     *         Individual radius and innerRadius
+     *
+     * @type      {number|string}
+     * @default   100
+     * @since     4.1.6
+     * @product   highcharts
+     * @apioption plotOptions.solidgauge.radius
+     */
+
     /**
      * Wether to draw rounded edges on the gauge.
      *
@@ -250,7 +278,11 @@ var solidGaugeOptions = {
     /**
      * Whether to give each point an individual color.
      */
-    colorByPoint: true
+    colorByPoint: true,
+
+    dataLabels: {
+        y: 0
+    }
 
 };
 
@@ -300,96 +332,113 @@ H.seriesType('solidgauge', 'gauge', solidGaugeOptions, {
 
 
         series.points.forEach(function (point) {
-            var graphic = point.graphic,
-                rotation = yAxis.startAngleRad +
-                    yAxis.translate(point.y, null, null, null, true),
-                radius = (
-                    pInt(
-                        pick(point.options.radius, options.radius, 100)
-                    ) * center[2]
-                ) / 200,
-                innerRadius = (
-                    pInt(
-                        pick(point.options.innerRadius, options.innerRadius, 60)
-                    ) * center[2]
-                ) / 200,
-                shapeArgs,
-                d,
-                toColor = yAxis.toColor(point.y, point),
-                axisMinAngle = Math.min(yAxis.startAngleRad, yAxis.endAngleRad),
-                axisMaxAngle = Math.max(yAxis.startAngleRad, yAxis.endAngleRad),
-                minAngle,
-                maxAngle;
-
-            if (toColor === 'none') { // #3708
-                toColor = point.color || series.color || 'none';
-            }
-            if (toColor !== 'none') {
-                point.color = toColor;
-            }
-
-            // Handle overshoot and clipping to axis max/min
-            rotation = Math.max(
-                axisMinAngle - overshootVal,
-                Math.min(axisMaxAngle + overshootVal, rotation)
-            );
+            // #10630 null point should not be draw
+            if (!point.isNull) { // condition like in pie chart
+                var graphic = point.graphic,
+                    rotation = yAxis.startAngleRad +
+                        yAxis.translate(point.y, null, null, null, true),
+                    radius = (
+                        pInt(
+                            pick(
+                                point.options.radius,
+                                options.radius,
+                                100
+                            )
+                        ) * center[2]
+                    ) / 200,
+                    innerRadius = (
+                        pInt(
+                            pick(
+                                point.options.innerRadius,
+                                options.innerRadius,
+                                60
+                            )
+                        ) * center[2]
+                    ) / 200,
+                    shapeArgs,
+                    d,
+                    toColor = yAxis.toColor(point.y, point),
+                    axisMinAngle = Math.min(
+                        yAxis.startAngleRad,
+                        yAxis.endAngleRad
+                    ),
+                    axisMaxAngle = Math.max(
+                        yAxis.startAngleRad,
+                        yAxis.endAngleRad
+                    ),
+                    minAngle,
+                    maxAngle;
+
+                if (toColor === 'none') { // #3708
+                    toColor = point.color || series.color || 'none';
+                }
+                if (toColor !== 'none') {
+                    point.color = toColor;
+                }
 
-            // Handle the wrap option
-            if (options.wrap === false) {
+                // Handle overshoot and clipping to axis max/min
                 rotation = Math.max(
-                    axisMinAngle,
-                    Math.min(axisMaxAngle, rotation)
+                    axisMinAngle - overshootVal,
+                    Math.min(axisMaxAngle + overshootVal, rotation)
                 );
-            }
 
-            minAngle = Math.min(rotation, series.thresholdAngleRad);
-            maxAngle = Math.max(rotation, series.thresholdAngleRad);
+                // Handle the wrap option
+                if (options.wrap === false) {
+                    rotation = Math.max(
+                        axisMinAngle,
+                        Math.min(axisMaxAngle, rotation)
+                    );
+                }
 
-            if (maxAngle - minAngle > 2 * Math.PI) {
-                maxAngle = minAngle + 2 * Math.PI;
-            }
+                minAngle = Math.min(rotation, series.thresholdAngleRad);
+                maxAngle = Math.max(rotation, series.thresholdAngleRad);
 
-            point.shapeArgs = shapeArgs = {
-                x: center[0],
-                y: center[1],
-                r: radius,
-                innerR: innerRadius,
-                start: minAngle,
-                end: maxAngle,
-                rounded: options.rounded
-            };
-            point.startR = radius; // For PieSeries.animate
-
-            if (graphic) {
-                d = shapeArgs.d;
-                graphic.animate(H.extend({ fill: toColor }, shapeArgs));
-                if (d) {
-                    shapeArgs.d = d; // animate alters it
+                if (maxAngle - minAngle > 2 * Math.PI) {
+                    maxAngle = minAngle + 2 * Math.PI;
                 }
-            } else {
-                point.graphic = graphic = renderer.arc(shapeArgs)
-                    .attr({
-                        fill: toColor,
-                        'sweep-flag': 0
-                    })
-                    .add(series.group);
-
-                if (!series.chart.styledMode) {
-                    if (options.linecap !== 'square') {
+
+                point.shapeArgs = shapeArgs = {
+                    x: center[0],
+                    y: center[1],
+                    r: radius,
+                    innerR: innerRadius,
+                    start: minAngle,
+                    end: maxAngle,
+                    rounded: options.rounded
+                };
+                point.startR = radius; // For PieSeries.animate
+
+                if (graphic) {
+                    d = shapeArgs.d;
+                    graphic.animate(H.extend({ fill: toColor }, shapeArgs));
+                    if (d) {
+                        shapeArgs.d = d; // animate alters it
+                    }
+                } else {
+                    point.graphic = graphic = renderer.arc(shapeArgs)
+                        .attr({
+                            fill: toColor,
+                            'sweep-flag': 0
+                        })
+                        .add(series.group);
+
+                    if (!series.chart.styledMode) {
+                        if (options.linecap !== 'square') {
+                            graphic.attr({
+                                'stroke-linecap': 'round',
+                                'stroke-linejoin': 'round'
+                            });
+                        }
                         graphic.attr({
-                            'stroke-linecap': 'round',
-                            'stroke-linejoin': 'round'
+                            stroke: options.borderColor || 'none',
+                            'stroke-width': options.borderWidth || 0
                         });
                     }
-                    graphic.attr({
-                        stroke: options.borderColor || 'none',
-                        'stroke-width': options.borderWidth || 0
-                    });
                 }
-            }
 
-            if (graphic) {
-                graphic.addClass(point.getClassName(), true);
+                if (graphic) {
+                    graphic.addClass(point.getClassName(), true);
+                }
             }
         });
     },

package/es-modules/modules/static-scale.src.js

@@ -30,10 +30,17 @@ var Chart = H.Chart,
  */
 
 H.addEvent(H.Axis, 'afterSetOptions', function () {
+    var chartOptions = this.chart.options && this.chart.options.chart;
     if (
         !this.horiz &&
         H.isNumber(this.options.staticScale) &&
-        !this.chart.options.chart.height
+        (
+            !chartOptions.height ||
+            (
+                chartOptions.scrollablePlotArea &&
+                chartOptions.scrollablePlotArea.minHeight
+            )
+        )
     ) {
         this.staticScale = this.options.staticScale;
     }

package/es-modules/modules/stock-tools-gui.js

@@ -1,4 +1,4 @@
-/**
+/* *
  * GUI generator for Stock tools
  *
  * (c) 2009-2017 Sebastian Bochan

package/es-modules/modules/streamgraph.src.js

@@ -23,17 +23,17 @@ var seriesType = H.seriesType;
 seriesType('streamgraph', 'areaspline'
 
     /**
- * A streamgraph is a type of stacked area graph which is displaced around a
- * central axis, resulting in a flowing, organic shape.
- *
- * @sample {highcharts|highstock} highcharts/demo/streamgraph/
- *         Streamgraph
- *
- * @extends      plotOptions.areaspline
- * @since        6.0.0
- * @product      highcharts highstock
- * @optionparent plotOptions.streamgraph
- */
+     * A streamgraph is a type of stacked area graph which is displaced around a
+     * central axis, resulting in a flowing, organic shape.
+     *
+     * @sample {highcharts|highstock} highcharts/demo/streamgraph/
+     *         Streamgraph
+     *
+     * @extends      plotOptions.areaspline
+     * @since        6.0.0
+     * @product      highcharts highstock
+     * @optionparent plotOptions.streamgraph
+     */
     , {
         fillOpacity: 1,
         lineWidth: 0,

package/es-modules/modules/sunburst.src.js

@@ -449,6 +449,7 @@ var cbSetTreeValuesBefore = function before(node, options) {
  *               navigatorOptions, pointRange
  * @product      highcharts
  * @optionparent plotOptions.sunburst
+ * @private
  */
 var sunburstOptions = {
 
@@ -584,7 +585,8 @@ var sunburstOptions = {
      */
     opacity: 1,
     /**
-     * @type {Highcharts.SeriesSunburstDataLabelsOptionsObject|Highcharts.DataLabelsOptionsObject}
+     * @type    {Highcharts.SeriesSunburstDataLabelsOptionsObject|Array<Highcharts.SeriesSunburstDataLabelsOptionsObject>}
+     * @default {"allowOverlap": true, "defer": true, "rotationMode": "auto", "style": {"textOverflow": "ellipsis"}}
      */
     dataLabels: {
         /** @ignore-option */
@@ -884,7 +886,8 @@ var sunburstSeries = {
             nodeRoot = mapIdToNode && mapIdToNode[rootId],
             nodeTop,
             tree,
-            values;
+            values,
+            nodeIds = {};
 
         series.shapeRoot = nodeRoot && nodeRoot.shapeArgs;
         // Call prototype function
@@ -939,6 +942,18 @@ var sunburstSeries = {
         this.setShapeArgs(nodeTop, values, mapOptionsToLevel);
         // Set mapOptionsToLevel on series for use in drawPoints.
         series.mapOptionsToLevel = mapOptionsToLevel;
+
+        // #10669 - verify if all nodes have unique ids
+        series.data.forEach(function (child) {
+            if (nodeIds[child.id]) {
+                H.error(31, false, series.chart);
+            }
+            // map
+            nodeIds[child.id] = true;
+        });
+
+        // reset object
+        nodeIds = {};
     },
 
     // Animate the slices in. Similar to the animation of polar charts.
@@ -1019,6 +1034,12 @@ var sunburstPoint = {
  * @apioption series.sunburst.data
  */
 
+/**
+ * @type      {Highcharts.SeriesSunburstDataLabelsOptionsObject|Array<Highcharts.SeriesSunburstDataLabelsOptionsObject>}
+ * @product   highcharts
+ * @apioption series.sunburst.data.dataLabels
+ */
+
 /**
  * The value of the point, resulting in a relative area of the point
  * in the sunburst.

package/es-modules/modules/tilemap.src.js

@@ -478,27 +478,28 @@ H.addEvent(H.Axis, 'afterSetAxisTranslation', function () {
 seriesType('tilemap', 'heatmap'
 
     /**
- * 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, data
- * @product      highcharts highmaps
- * @optionparent plotOptions.tilemap
- */
+     * 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, data
+     * @product      highcharts highmaps
+     * @optionparent plotOptions.tilemap
+     */
     , { // Default options
 
         states: {
@@ -522,42 +523,42 @@ seriesType('tilemap', 'heatmap'
         },
 
         /**
-     * The padding between points in the tilemap.
-     *
-     * @sample maps/plotoptions/tilemap-pointpadding
-     *         Point padding on tiles
-     */
+         * 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 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 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`,
@@ -650,11 +651,11 @@ seriesType('tilemap', 'heatmap'
     }, H.extend({
 
         /**
-     * @private
-     * @function Highcharts.Point#haloPath
-     *
-     * @return {Highcharts.SVGPathArray}
-     */
+         * @private
+         * @function Highcharts.Point#haloPath
+         *
+         * @return {Highcharts.SVGPathArray}
+         */
         haloPath: function () {
             return this.series.tileShape.haloPath.apply(
                 this,