highcharts 7.1.1 → 7.1.2

package/es-modules/parts-map/ColorAxis.js

@@ -491,15 +491,11 @@ extend(ColorAxis.prototype, {
         this.coll = 'colorAxis';
 
         // Build the options
-        options = merge(this.defaultColorAxisOptions, {
-            side: horiz ? 2 : 1,
-            reversed: !horiz
-        }, userOptions, {
-            opposite: !horiz,
-            showEmpty: false,
-            title: null,
-            visible: chart.options.legend.enabled
-        });
+        options = this.buildOptions.call(
+            chart,
+            this.defaultColorAxisOptions,
+            userOptions
+        );
 
         Axis.prototype.init.call(this, chart, options);
 
@@ -591,7 +587,29 @@ extend(ColorAxis.prototype, {
             stop.color = color(stop[1]);
         });
     },
+    /**
+     * Build options to keep layout params on init and update.
+     *
+     * @private
+     *
+     * @param {Object} options
+     * @param {Object} userOptions
+     *
+     */
+    buildOptions: function (options, userOptions) {
+        var legend = this.options.legend,
+            horiz = legend.layout !== 'vertical';
 
+        return merge(options, {
+            side: horiz ? 2 : 1,
+            reversed: !horiz
+        }, userOptions, {
+            opposite: !horiz,
+            showEmpty: false,
+            title: null,
+            visible: legend.enabled
+        });
+    },
     /**
      * Extend the setOptions method to process extreme colors and color
      * stops.
@@ -889,7 +907,9 @@ extend(ColorAxis.prototype, {
         }
     },
 
-    getPlotLinePath: function (a, b, c, d, pos) {
+    getPlotLinePath: function (options) {
+        var pos = options.translatedValue;
+
         // crosshairs only
         return isNumber(pos) ? // pos can be 0 (#3969)
             (
@@ -909,12 +929,13 @@ extend(ColorAxis.prototype, {
                     'Z'
                 ]
             ) :
-            Axis.prototype.getPlotLinePath.call(this, a, b, c, d);
+            Axis.prototype.getPlotLinePath.apply(this, arguments);
     },
 
     update: function (newOptions, redraw) {
         var chart = this.chart,
-            legend = chart.legend;
+            legend = chart.legend,
+            updatedOptions = this.buildOptions.call(chart, {}, newOptions);
 
         this.series.forEach(function (series) {
             // Needed for Axis.update when choropleth colors change
@@ -934,9 +955,9 @@ extend(ColorAxis.prototype, {
 
         // Keep the options structure updated for export. Unlike xAxis and
         // yAxis, the colorAxis is not an array. (#3207)
-        chart.options[this.coll] = merge(this.userOptions, newOptions);
+        chart.options[this.coll] = merge(this.userOptions, updatedOptions);
 
-        Axis.prototype.update.call(this, newOptions, redraw);
+        Axis.prototype.update.call(this, updatedOptions, redraw);
         if (this.legendItem) {
             this.setLegendColor();
             legend.colorizeItem(this, true);

package/es-modules/parts-map/MapBubbleSeries.js

@@ -177,7 +177,8 @@ if (seriesTypes.bubble) {
             // Return the map area identified by the dataJoinBy option
             getMapData: seriesTypes.map.prototype.getMapData,
             getBox: seriesTypes.map.prototype.getBox,
-            setData: seriesTypes.map.prototype.setData
+            setData: seriesTypes.map.prototype.setData,
+            setOptions: seriesTypes.map.prototype.setOptions
 
             // Point class
         }, {

package/es-modules/parts-map/MapSeries.js

@@ -349,6 +349,24 @@ seriesType(
         preserveAspectRatio: true,
         pointArrayMap: ['value'],
 
+        // Extend setOptions by picking up the joinBy option and applying it
+        // to a series property
+        setOptions: function (itemOptions) {
+            var options = Series.prototype.setOptions.call(this, itemOptions),
+                joinBy = options.joinBy,
+                joinByNull = joinBy === null;
+
+            if (joinByNull) {
+                joinBy = '_i';
+            }
+            joinBy = this.joinBy = splat(joinBy);
+            if (!joinBy[1]) {
+                joinBy[1] = joinBy[0];
+            }
+
+            return options;
+        },
+
         // Get the bounding box of all paths in the map combined.
         getBox: function (paths) {
             var MAX_VALUE = Number.MAX_VALUE,
@@ -522,8 +540,7 @@ seriesType(
                 chartOptions = this.chart.options.chart,
                 globalMapData = chartOptions && chartOptions.map,
                 mapData = options.mapData,
-                joinBy = options.joinBy,
-                joinByNull = joinBy === null,
+                joinBy = this.joinBy,
                 pointArrayMap = options.keys || this.pointArrayMap,
                 dataUsed = [],
                 mapMap = {},
@@ -539,14 +556,6 @@ seriesType(
                     globalMapData;
             }
 
-            if (joinByNull) {
-                joinBy = '_i';
-            }
-            joinBy = this.joinBy = splat(joinBy);
-            if (!joinBy[1]) {
-                joinBy[1] = joinBy[0];
-            }
-
             // Pick up numeric values, add index
             // Convert Array point definitions to objects using pointArrayMap
             if (data) {
@@ -583,7 +592,7 @@ seriesType(
                             }
                         }
                     }
-                    if (joinByNull) {
+                    if (joinBy && joinBy[0] === '_i') {
                         data[i]._i = i;
                     }
                 });
@@ -812,17 +821,19 @@ seriesType(
                 // Add class names
                 series.points.forEach(function (point) {
                     if (point.graphic) {
+                        var className = '';
                         if (point.name) {
-                            point.graphic.addClass(
+                            className +=
                                 'highcharts-name-' +
-                                point.name.replace(/ /g, '-').toLowerCase()
-                            );
+                                point.name.replace(/ /g, '-').toLowerCase();
                         }
                         if (point.properties && point.properties['hc-key']) {
-                            point.graphic.addClass(
-                                'highcharts-key-' +
-                                point.properties['hc-key'].toLowerCase()
-                            );
+                            className +=
+                                ' highcharts-key-' +
+                                point.properties['hc-key'].toLowerCase();
+                        }
+                        if (className) {
+                            point.graphic.addClass(className);
                         }
 
                         // In styled mode, apply point colors by CSS

package/es-modules/parts-more/AreaRangeSeries.js

@@ -11,7 +11,7 @@
  * `x` and `y` options. Instead, they have `xLow`, `xHigh`, `yLow` and `yHigh`
  * options to allow the higher and lower data label sets individually.
  *
- * @interface Highcharts.PlotAreaRangeDataLabelsOptionsObject
+ * @interface Highcharts.SeriesAreaRangeDataLabelsOptionsObject
  * @extends Highcharts.DataLabelsOptionsObject
  * @since 2.3.0
  * @product highcharts highstock
@@ -23,7 +23,7 @@
  * @see {@link https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/plotoptions/arearange-datalabels/|Highcharts-Demo:}
  *      Data labels on range series
  *
- * @name Highcharts.PlotAreaRangeDataLabelsOptionsObject#xLow
+ * @name Highcharts.SeriesAreaRangeDataLabelsOptionsObject#xLow
  * @type {number|undefined}
  * @default 0
  * @since 2.3.0
@@ -34,7 +34,7 @@
  * @see {@link https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/plotoptions/arearange-datalabels/|Highcharts-Demo:}
  *      Data labels on range series
  *
- * @name Highcharts.PlotAreaRangeDataLabelsOptionsObject#xHigh
+ * @name Highcharts.SeriesAreaRangeDataLabelsOptionsObject#xHigh
  * @type {number|undefined}
  * @default 0
  * @since 2.3.0
@@ -45,7 +45,7 @@
  * @see {@link https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/plotoptions/arearange-datalabels/|Highcharts-Demo:}
  *      Data labels on range series
  *
- * @name Highcharts.PlotAreaRangeDataLabelsOptionsObject#yLow
+ * @name Highcharts.SeriesAreaRangeDataLabelsOptionsObject#yLow
  * @type {number|undefined}
  * @default 0
  * @since 2.3.0
@@ -56,7 +56,7 @@
  * @see {@link https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/plotoptions/arearange-datalabels/|Highcharts-Demo:}
  *      Data labels on range series
  *
- * @name Highcharts.PlotAreaRangeDataLabelsOptionsObject#yHigh
+ * @name Highcharts.SeriesAreaRangeDataLabelsOptionsObject#yHigh
  * @type {number|undefined}
  * @default 0
  * @since 2.3.0
@@ -136,7 +136,8 @@ seriesType('arearange', 'area', {
     trackByArea: true,
 
     /**
-     * @type {Highcharts.DataLabelsOptionsObject|Highcharts.PlotAreaRangeDataLabelsOptionsObject}
+     * @type    {Highcharts.SeriesAreaRangeDataLabelsOptionsObject|Array<Highcharts.SeriesAreaRangeDataLabelsOptionsObject>}
+     * @default {"xLow": 0, "xHigh": 0, "yLow": 0, "yHigh": 0}
      *
      * @private
      */
@@ -715,6 +716,12 @@ seriesType('arearange', 'area', {
  * @apioption series.arearange.data
  */
 
+/**
+ * @type      {Highcharts.SeriesAreaRangeDataLabelsOptionsObject|Array<Highcharts.SeriesAreaRangeDataLabelsOptionsObject>}
+ * @product   highcharts highstock
+ * @apioption series.arearange.data.dataLabels
+ */
+
 /**
  * The high or maximum value for each data point.
  *
@@ -730,9 +737,3 @@ seriesType('arearange', 'area', {
  * @product   highcharts highstock
  * @apioption series.arearange.data.low
  */
-
-/**
- * @excluding x, y
- * @product   highcharts highstock
- * @apioption series.arearange.dataLabels
- */

package/es-modules/parts-more/ColumnRangeSeries.js

@@ -40,9 +40,9 @@ var columnRangeOptions = {
      * `yLow` and `yHigh` options to allow the higher and lower data label
      * sets individually.
      *
-     * @extends   plotOptions.arearange.dataLabels
+     * @type      {Highcharts.SeriesAreaRangeDataLabelsOptionsObject|Array<Highcharts.SeriesAreaRangeDataLabelsOptionsObject>}
+     * @default   {"xLow": 0, "xHigh": 0, "yLow": 0, "yHigh": 0}
      * @since     2.3.0
-     * @excluding x, y
      * @product   highcharts highstock
      * @apioption plotOptions.columnrange.dataLabels
      */
@@ -265,6 +265,12 @@ seriesType('columnrange', 'arearange', merge(
  * @apioption series.columnrange.data
  */
 
+/**
+ * @type      {Highcharts.SeriesAreaRangeDataLabelsOptionsObject|Array<Highcharts.SeriesAreaRangeDataLabelsOptionsObject>}
+ * @product   highcharts highstock
+ * @apioption series.columnrange.data.dataLabels
+ */
+
 /**
  * @excluding halo, lineWidth, lineWidthPlus, marker
  * @product   highcharts highstock

package/es-modules/parts-more/GaugeSeries.js

@@ -414,16 +414,16 @@ seriesType('gauge', 'line', {
                     })
                     .addClass('highcharts-dial')
                     .add(series.group);
+            }
 
-                // Presentational attributes
-                if (!chart.styledMode) {
-                    point.graphic.attr({
-                        stroke: dialOptions.borderColor || 'none',
-                        'stroke-width': dialOptions.borderWidth || 0,
-                        fill: dialOptions.backgroundColor ||
-                            '#000000'
-                    });
-                }
+            // Presentational attributes
+            if (!chart.styledMode) {
+                point.graphic[graphic ? 'animate' : 'attr']({
+                    stroke: dialOptions.borderColor || 'none',
+                    'stroke-width': dialOptions.borderWidth || 0,
+                    fill: dialOptions.backgroundColor ||
+                        '#000000'
+                });
             }
         });