highcharts 8.1.0 → 8.2.2

package/es-modules/{parts → Series}/AreaSeries.js

@@ -7,15 +7,15 @@
  *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
  *
  * */
-'use strict';
-import H from './Globals.js';
-import Color from './Color.js';
+import BaseSeries from '../Core/Series/Series.js';
+import Color from '../Core/Color/Color.js';
 var color = Color.parse;
-import LegendSymbolMixin from '../mixins/legend-symbol.js';
-import U from './Utilities.js';
-var objectEach = U.objectEach, pick = U.pick, seriesType = U.seriesType;
-import './Series.js';
-import './Options.js';
+import H from '../Core/Globals.js';
+import LegendSymbolMixin from '../Mixins/LegendSymbol.js';
+import U from '../Core/Utilities.js';
+var objectEach = U.objectEach, pick = U.pick;
+import '../Series/LineSeries.js';
+import '../Core/Options.js';
 var Series = H.Series;
 /**
  * Area series type.
@@ -26,7 +26,7 @@ var Series = H.Series;
  *
  * @augments Highcharts.Series
  */
-seriesType('area', 'line', 
+BaseSeries.seriesType('area', 'line', 
 /**
  * The area series type.
  *
@@ -41,6 +41,12 @@ seriesType('area', 'line',
  * @optionparent plotOptions.area
  */
 {
+    /**
+     * @see [fillColor](#plotOptions.area.fillColor)
+     * @see [fillOpacity](#plotOptions.area.fillOpacity)
+     *
+     * @apioption plotOptions.area.color
+     */
     /**
      * Fill color or gradient for the area. When `null`, the series' `color`
      * is used with the series' `fillOpacity`.
@@ -48,6 +54,9 @@ seriesType('area', 'line',
      * In styled mode, the fill color can be set with the `.highcharts-area`
      * class name.
      *
+     * @see [color](#plotOptions.area.color)
+     * @see [fillOpacity](#plotOptions.area.fillOpacity)
+     *
      * @sample {highcharts} highcharts/plotoptions/area-fillcolor-default/
      *         Null by default
      * @sample {highcharts} highcharts/plotoptions/area-fillcolor-gradient/
@@ -67,6 +76,9 @@ seriesType('area', 'line',
      * In styled mode, the fill opacity can be set with the
      * `.highcharts-area` class name.
      *
+     * @see [color](#plotOptions.area.color)
+     * @see [fillColor](#plotOptions.area.fillColor)
+     *
      * @sample {highcharts} highcharts/plotoptions/area-fillopacity/
      *         Automatic fill color and fill opacity of 0.1
      *
@@ -120,20 +132,6 @@ seriesType('area', 'line',
      * @product   highcharts highstock
      * @apioption plotOptions.area.trackByArea
      */
-    /**
-     * When this is true, the series will not cause the Y axis to cross
-     * the zero plane (or [threshold](#plotOptions.series.threshold) option)
-     * unless the data actually crosses the plane.
-     *
-     * For example, if `softThreshold` is `false`, a series of 0, 1, 2,
-     * 3 will make the Y axis show negative values according to the
-     * `minPadding` option. If `softThreshold` is `true`, the Y axis starts
-     * at 0.
-     *
-     * @since   4.1.9
-     * @product highcharts highstock
-     */
-    softThreshold: false,
     /**
      * The Y axis value to serve as the base for the area, for
      * distinguishing between values above and below a threshold. The area
@@ -143,7 +141,7 @@ seriesType('area', 'line',
      * * If `null`, the scaling behaves like a line series with fill between
      *   the graph and the Y axis minimum.
      * * If `Infinity` or `-Infinity`, the area between the graph and the
-     *   corresponing Y axis extreme is filled (since v6.1.0).
+     *   corresponding Y axis extreme is filled (since v6.1.0).
      *
      * @sample {highcharts} highcharts/plotoptions/area-threshold/
      *         A threshold of 100
@@ -336,7 +334,7 @@ seriesType('area', 'line',
             }
             isNull = points[i].isNull;
             plotX = pick(points[i].rectPlotX, points[i].plotX);
-            yBottom = pick(points[i].yBottom, translatedThreshold);
+            yBottom = stacking ? points[i].yBottom : translatedThreshold;
             if (!isNull || connectNulls) {
                 if (!connectNulls) {
                     addDummyPoints(i, i - 1, 'left');
@@ -437,6 +435,12 @@ seriesType('area', 'line',
  * @product   highcharts highstock
  * @apioption series.area
  */
+/**
+ * @see [fillColor](#series.area.fillColor)
+ * @see [fillOpacity](#series.area.fillOpacity)
+ *
+ * @apioption series.area.color
+ */
 /**
  * An array of data points for the series. For the `area` series type,
  * points can be given in the following ways:
@@ -496,4 +500,18 @@ seriesType('area', 'line',
  * @product   highcharts highstock
  * @apioption series.area.data
  */
+/**
+ * @see [color](#series.area.color)
+ * @see [fillOpacity](#series.area.fillOpacity)
+ *
+ * @apioption series.area.fillColor
+ */
+/**
+ * @see [color](#series.area.color)
+ * @see [fillColor](#series.area.fillColor)
+ *
+ * @default   {highcharts} 0.75
+ * @default   {highstock} 0.75
+ * @apioption series.area.fillOpacity
+ */
 ''; // adds doclets above to transpilat

package/es-modules/{parts-more → Series}/AreaSplineRangeSeries.js

@@ -7,12 +7,8 @@
  *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
  *
  * */
-'use strict';
-import H from '../parts/Globals.js';
-import U from '../parts/Utilities.js';
-var seriesType = U.seriesType;
-import '../parts/Options.js';
-var seriesTypes = H.seriesTypes;
+import BaseSeries from '../Core/Series/Series.js';
+import '../Core/Options.js';
 /**
  * The area spline range is a cartesian series type with higher and
  * lower Y values along an X axis. The area inside the range is colored, and
@@ -23,24 +19,51 @@ var seriesTypes = H.seriesTypes;
  *
  * @extends   plotOptions.arearange
  * @since     2.3.0
- * @excluding step
+ * @excluding step, boostThreshold, boostBlending
  * @product   highcharts highstock
  * @requires  highcharts-more
  * @apioption plotOptions.areasplinerange
  */
-seriesType('areasplinerange', 'arearange', null, {
-    getPointSpline: seriesTypes.spline.prototype.getPointSpline
+BaseSeries.seriesType('areasplinerange', 'arearange', 
+/**
+ * @see [fillColor](#plotOptions.areasplinerange.fillColor)
+ * @see [fillOpacity](#plotOptions.areasplinerange.fillOpacity)
+ *
+ * @apioption plotOptions.areasplinerange.color
+ */
+/**
+ * @see [color](#plotOptions.areasplinerange.color)
+ * @see [fillOpacity](#plotOptions.areasplinerange.fillOpacity)
+ *
+ * @apioption plotOptions.areasplinerange.fillColor
+ */
+/**
+ * @see [color](#plotOptions.areasplinerange.color)
+ * @see [fillColor](#plotOptions.areasplinerange.fillColor)
+ *
+ * @default   {highcharts} 0.75
+ * @default   {highstock} 0.75
+ * @apioption plotOptions.areasplinerange.fillOpacity
+ */
+null, {
+    getPointSpline: BaseSeries.seriesTypes.spline.prototype.getPointSpline
 });
 /**
  * A `areasplinerange` series. If the [type](#series.areasplinerange.type)
  * option is not specified, it is inherited from [chart.type](#chart.type).
  *
  * @extends   series,plotOptions.areasplinerange
- * @excluding dataParser, dataURL, stack, step
+ * @excluding dataParser, dataURL, stack, step, boostThreshold, boostBlending
  * @product   highcharts highstock
  * @requires  highcharts-more
  * @apioption series.areasplinerange
  */
+/**
+ * @see [fillColor](#series.areasplinerange.fillColor)
+ * @see [fillOpacity](#series.areasplinerange.fillOpacity)
+ *
+ * @apioption series.areasplinerange.color
+ */
 /**
  * An array of data points for the series. For the `areasplinerange`
  * series type, points can be given in the following ways:
@@ -95,4 +118,18 @@ seriesType('areasplinerange', 'arearange', null, {
  * @product   highcharts highstock
  * @apioption series.areasplinerange.data
  */
+/**
+ * @see [color](#series.areasplinerange.color)
+ * @see [fillOpacity](#series.areasplinerange.fillOpacity)
+ *
+ * @apioption series.areasplinerange.fillColor
+ */
+/**
+ * @see [color](#series.areasplinerange.color)
+ * @see [fillColor](#series.areasplinerange.fillColor)
+ *
+ * @default   {highcharts} 0.75
+ * @default   {highstock} 0.75
+ * @apioption series.areasplinerange.fillOpacity
+ */
 ''; // adds doclets above to transpiled file

package/es-modules/{parts → Series}/AreaSplineSeries.js

@@ -7,14 +7,13 @@
  *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
  *
  * */
-'use strict';
-import H from './Globals.js';
-import LegendSymbolMixin from '../mixins/legend-symbol.js';
-import U from './Utilities.js';
-var seriesType = U.seriesType;
+import BaseSeries from '../Core/Series/Series.js';
+import LegendSymbolMixin from '../Mixins/LegendSymbol.js';
+import O from '../Core/Options.js';
+var defaultOptions = O.defaultOptions;
 import './AreaSeries.js';
 import './SplineSeries.js';
-var areaProto = H.seriesTypes.area.prototype, defaultPlotOptions = H.defaultPlotOptions;
+var areaProto = BaseSeries.seriesTypes.area.prototype;
 /**
  * AreaSpline series type.
  *
@@ -24,7 +23,7 @@ var areaProto = H.seriesTypes.area.prototype, defaultPlotOptions = H.defaultPlot
  *
  * @augments Highcharts.Series
  */
-seriesType('areaspline', 'spline', 
+BaseSeries.seriesType('areaspline', 'spline', 
 /**
  * The area spline series is an area series where the graph between the
  * points is smoothed into a spline.
@@ -35,11 +34,31 @@ seriesType('areaspline', 'spline',
  *         Area spline chart
  *
  * @extends   plotOptions.area
- * @excluding step
+ * @excluding step, boostThreshold, boostBlending
  * @product   highcharts highstock
  * @apioption plotOptions.areaspline
  */
-defaultPlotOptions.area, {
+/**
+ * @see [fillColor](#plotOptions.areaspline.fillColor)
+ * @see [fillOpacity](#plotOptions.areaspline.fillOpacity)
+ *
+ * @apioption plotOptions.areaspline.color
+ */
+/**
+ * @see [color](#plotOptions.areaspline.color)
+ * @see [fillOpacity](#plotOptions.areaspline.fillOpacity)
+ *
+ * @apioption plotOptions.areaspline.fillColor
+ */
+/**
+ * @see [color](#plotOptions.areaspline.color)
+ * @see [fillColor](#plotOptions.areaspline.fillColor)
+ *
+ * @default   {highcharts} 0.75
+ * @default   {highstock} 0.75
+ * @apioption plotOptions.areaspline.fillOpacity
+ */
+defaultOptions.plotOptions.area, {
     getStackPoints: areaProto.getStackPoints,
     getGraphPath: areaProto.getGraphPath,
     drawGraph: areaProto.drawGraph,
@@ -51,10 +70,16 @@ defaultPlotOptions.area, {
  *
  *
  * @extends   series,plotOptions.areaspline
- * @excluding dataParser, dataURL, step
+ * @excluding dataParser, dataURL, step, boostThreshold, boostBlending
  * @product   highcharts highstock
  * @apioption series.areaspline
  */
+/**
+ * @see [fillColor](#series.areaspline.fillColor)
+ * @see [fillOpacity](#series.areaspline.fillOpacity)
+ *
+ * @apioption series.areaspline.color
+ */
 /**
  * An array of data points for the series. For the `areaspline` series
  * type, points can be given in the following ways:
@@ -114,4 +139,18 @@ defaultPlotOptions.area, {
  * @product   highcharts highstock
  * @apioption series.areaspline.data
  */
+/**
+ * @see [color](#series.areaspline.color)
+ * @see [fillOpacity](#series.areaspline.fillOpacity)
+ *
+ * @apioption series.areaspline.fillColor
+ */
+/**
+ * @see [color](#series.areaspline.color)
+ * @see [fillColor](#series.areaspline.fillColor)
+ *
+ * @default   {highcharts} 0.75
+ * @default   {highstock} 0.75
+ * @apioption series.areaspline.fillOpacity
+ */
 ''; // adds doclets above into transpilat

package/es-modules/{parts → Series}/BarSeries.js

@@ -7,10 +7,7 @@
  *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
  *
  * */
-'use strict';
-import U from './Utilities.js';
-var seriesType = U.seriesType;
-import './ColumnSeries.js';
+import Series from '../Core/Series/Series.js';
 /**
  * Bar series type.
  *
@@ -20,7 +17,7 @@ import './ColumnSeries.js';
  *
  * @augments Highcharts.Series
  */
-seriesType('bar', 'column', 
+Series.seriesType('bar', 'column', 
 /**
  * A bar series is a special type of column series where the columns are
  * horizontal.

package/es-modules/{modules/bellcurve.src.js → Series/BellcurveSeries.js}

@@ -9,10 +9,10 @@
  *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
  *
  * */
-'use strict';
-import U from '../parts/Utilities.js';
-var correctFloat = U.correctFloat, isNumber = U.isNumber, merge = U.merge, seriesType = U.seriesType;
-import derivedSeriesMixin from '../mixins/derived-series.js';
+import BaseSeries from '../Core/Series/Series.js';
+import DerivedSeriesMixin from '../Mixins/DerivedSeries.js';
+import U from '../Core/Utilities.js';
+var correctFloat = U.correctFloat, isNumber = U.isNumber, merge = U.merge;
 /* ************************************************************************** *
  *  BELL CURVE                                                                *
  * ************************************************************************** */
@@ -56,7 +56,7 @@ function normalDensity(x, mean, standardDeviation) {
  *
  * @augments Highcharts.Series
  */
-seriesType('bellcurve', 'areaspline'
+BaseSeries.seriesType('bellcurve', 'areaspline'
 /**
  * A bell curve is an areaspline series which represents the probability
  * density function of the normal distribution. It calculates mean and
@@ -75,6 +75,26 @@ seriesType('bellcurve', 'areaspline'
  * @optionparent plotOptions.bellcurve
  */
 , {
+    /**
+     * @see [fillColor](#plotOptions.bellcurve.fillColor)
+     * @see [fillOpacity](#plotOptions.bellcurve.fillOpacity)
+     *
+     * @apioption plotOptions.bellcurve.color
+     */
+    /**
+     * @see [color](#plotOptions.bellcurve.color)
+     * @see [fillOpacity](#plotOptions.bellcurve.fillOpacity)
+     *
+     * @apioption plotOptions.bellcurve.fillColor
+     */
+    /**
+     * @see [color](#plotOptions.bellcurve.color)
+     * @see [fillColor](#plotOptions.bellcurve.fillColor)
+     *
+     * @default   {highcharts} 0.75
+     * @default   {highstock} 0.75
+     * @apioption plotOptions.bellcurve.fillOpacity
+     */
     /**
      * This option allows to define the length of the bell curve. A unit of
      * the length of the bell curve is standard deviation.
@@ -94,7 +114,7 @@ seriesType('bellcurve', 'areaspline'
     marker: {
         enabled: false
     }
-}, merge(derivedSeriesMixin, {
+}, merge(DerivedSeriesMixin, {
     setMean: function () {
         this.mean = correctFloat(mean(this.baseSeries.yData));
     },
@@ -130,7 +150,7 @@ seriesType('bellcurve', 'areaspline'
  * @extends   series,plotOptions.bellcurve
  * @since     6.0.0
  * @product   highcharts
- * @excluding dataParser, dataURL, data
+ * @excluding dataParser, dataURL, data, boostThreshold, boostBlending
  * @requires  modules/bellcurve
  * @apioption series.bellcurve
  */
@@ -141,4 +161,24 @@ seriesType('bellcurve', 'areaspline'
  * @type      {number|string}
  * @apioption series.bellcurve.baseSeries
  */
+/**
+ * @see [fillColor](#series.bellcurve.fillColor)
+ * @see [fillOpacity](#series.bellcurve.fillOpacity)
+ *
+ * @apioption series.bellcurve.color
+ */
+/**
+ * @see [color](#series.bellcurve.color)
+ * @see [fillOpacity](#series.bellcurve.fillOpacity)
+ *
+ * @apioption series.bellcurve.fillColor
+ */
+/**
+ * @see [color](#series.bellcurve.color)
+ * @see [fillColor](#series.bellcurve.fillColor)
+ *
+ * @default   {highcharts} 0.75
+ * @default   {highstock} 0.75
+ * @apioption series.bellcurve.fillOpacity
+ */
 ''; // adds doclets above to transpiled file

package/es-modules/{parts-more → Series}/BoxPlotSeries.js

@@ -7,12 +7,13 @@
  *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
  *
  * */
-'use strict';
-import H from '../parts/Globals.js';
-import U from '../parts/Utilities.js';
-var pick = U.pick, seriesType = U.seriesType;
-import '../parts/Options.js';
-var noop = H.noop, seriesTypes = H.seriesTypes;
+import Series from '../Core/Series/Series.js';
+import ColumnSeries from './ColumnSeries.js';
+var columnProto = ColumnSeries.prototype;
+import H from '../Core/Globals.js';
+var noop = H.noop;
+import U from '../Core/Utilities.js';
+var pick = U.pick;
 /**
  * The boxplot series type.
  *
@@ -32,12 +33,13 @@ var noop = H.noop, seriesTypes = H.seriesTypes;
  *         Box plot
  *
  * @extends      plotOptions.column
- * @excluding    borderColor, borderRadius, borderWidth, groupZPadding, states
+ * @excluding    borderColor, borderRadius, borderWidth, groupZPadding, states,
+ *               boostThreshold, boostBlending
  * @product      highcharts
  * @requires     highcharts-more
  * @optionparent plotOptions.boxplot
  */
-seriesType('boxplot', 'column', {
+Series.seriesType('boxplot', 'column', {
     threshold: null,
     tooltip: {
         pointFormat: '<span style="color:{point.color}">\u25CF</span> <b> ' +
@@ -93,8 +95,8 @@ seriesType('boxplot', 'column', {
      */
     lineWidth: 1,
     /**
-     * The color of the median line. If `undefined`, the general series color
-     * applies.
+     * The color of the median line. If `undefined`, the general series
+     * color applies.
      *
      * In styled mode, the median stroke width can be set with the
      * `.highcharts-boxplot-median` class.
@@ -273,7 +275,9 @@ seriesType('boxplot', 'column', {
      * @product highcharts
      */
     whiskerWidth: 2
-}, /** @lends Highcharts.seriesTypes.boxplot */ {
+}, 
+/** @lends Highcharts.seriesTypes.boxplot */
+{
     // array point configs are mapped to this
     pointArrayMap: ['low', 'q1', 'median', 'q3', 'high'],
     // return a plain array for speedy calculation
@@ -292,7 +296,7 @@ seriesType('boxplot', 'column', {
     // Translate data points from raw values x and y to plotX and plotY
     translate: function () {
         var series = this, yAxis = series.yAxis, pointArrayMap = series.pointArrayMap;
-        seriesTypes.column.prototype.translate.apply(series);
+        columnProto.translate.apply(series);
         // do the translation on each point dimension
         series.points.forEach(function (point) {
             pointArrayMap.forEach(function (key) {
@@ -452,7 +456,8 @@ seriesType('boxplot', 'column', {
  * not specified, it is inherited from [chart.type](#chart.type).
  *
  * @extends   series,plotOptions.boxplot
- * @excluding dataParser, dataURL, marker, stack, stacking, states
+ * @excluding dataParser, dataURL, marker, stack, stacking, states,
+ *            boostThreshold, boostBlending
  * @product   highcharts
  * @requires  highcharts-more
  * @apioption series.boxplot

package/es-modules/{parts-more → Series/Bubble}/BubbleLegend.js

@@ -10,7 +10,13 @@
  *
  * */
 'use strict';
-import H from '../parts/Globals.js';
+import Chart from '../../Core/Chart/Chart.js';
+import Color from '../../Core/Color/Color.js';
+var color = Color.parse;
+import H from '../../Core/Globals.js';
+import Legend from '../../Core/Legend.js';
+import U from '../../Core/Utilities.js';
+var addEvent = U.addEvent, arrayMax = U.arrayMax, arrayMin = U.arrayMin, isNumber = U.isNumber, merge = U.merge, objectEach = U.objectEach, pick = U.pick, setOptions = U.setOptions, stableSort = U.stableSort, wrap = U.wrap;
 /**
  * @interface Highcharts.BubbleLegendFormatterContextObject
  */ /**
@@ -27,12 +33,8 @@ import H from '../parts/Globals.js';
 * @type {number}
 */
 ''; // detach doclets above
-import Color from '../parts/Color.js';
-var color = Color.parse;
-import Legend from '../parts/Legend.js';
-import U from '../parts/Utilities.js';
-var addEvent = U.addEvent, arrayMax = U.arrayMax, arrayMin = U.arrayMin, isNumber = U.isNumber, merge = U.merge, objectEach = U.objectEach, pick = U.pick, stableSort = U.stableSort, wrap = U.wrap;
-var Series = H.Series, Chart = H.Chart, noop = H.noop, setOptions = H.setOptions;
+import './BubbleSeries.js';
+var Series = H.Series, noop = H.noop;
 setOptions({
     legend: {
         /**
@@ -53,7 +55,7 @@ setOptions({
              * individual range.
              *
              * @sample highcharts/bubble-legend/similartoseries/
-             *         Similat look to the bubble series
+             *         Similar look to the bubble series
              * @sample highcharts/bubble-legend/bordercolor/
              *         Individual bubble border color
              *
@@ -81,7 +83,7 @@ setOptions({
              * individual color is not defined.
              *
              * @sample highcharts/bubble-legend/similartoseries/
-             *         Similat look to the bubble series
+             *         Similar look to the bubble series
              * @sample highcharts/bubble-legend/color/
              *         Individual bubble color
              *

package/es-modules/{parts-more → Series/Bubble}/BubbleSeries.js

@@ -7,21 +7,23 @@
  *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
  *
  * */
-'use strict';
-import H from '../parts/Globals.js';
+import Axis from '../../Core/Axis/Axis.js';
+import BaseSeries from '../../Core/Series/Series.js';
+import Color from '../../Core/Color/Color.js';
+var color = Color.parse;
+import H from '../../Core/Globals.js';
+var noop = H.noop;
+import Point from '../../Core/Series/Point.js';
+import U from '../../Core/Utilities.js';
+var arrayMax = U.arrayMax, arrayMin = U.arrayMin, clamp = U.clamp, extend = U.extend, isNumber = U.isNumber, pick = U.pick, pInt = U.pInt;
+import '../../Series/LineSeries.js';
+import '../../Series/ScatterSeries.js';
+import './BubbleLegend.js';
+var Series = H.Series, seriesTypes = BaseSeries.seriesTypes;
 /**
  * @typedef {"area"|"width"} Highcharts.BubbleSizeByValue
  */
-import Color from '../parts/Color.js';
-var color = Color.parse;
-import Point from '../parts/Point.js';
-import U from '../parts/Utilities.js';
-var arrayMax = U.arrayMax, arrayMin = U.arrayMin, clamp = U.clamp, extend = U.extend, isNumber = U.isNumber, pick = U.pick, pInt = U.pInt, seriesType = U.seriesType;
-import '../parts/Axis.js';
-import '../parts/Series.js';
-import '../parts/ScatterSeries.js';
-import './BubbleLegend.js';
-var Axis = H.Axis, noop = H.noop, Series = H.Series, seriesTypes = H.seriesTypes;
+''; // detach doclets above
 /**
  * A bubble series is a three dimensional series type where each point renders
  * an X, Y and Z value. Each points is drawn as a bubble where the position
@@ -37,7 +39,7 @@ var Axis = H.Axis, noop = H.noop, Series = H.Series, seriesTypes = H.seriesTypes
  * @requires     highcharts-more
  * @optionparent plotOptions.bubble
  */
-seriesType('bubble', 'scatter', {
+BaseSeries.seriesType('bubble', 'scatter', {
     dataLabels: {
         formatter: function () {
             return this.point.z;
@@ -332,23 +334,19 @@ seriesType('bubble', 'scatter', {
             this.points.length < this.options.animationLimit // #8099
         ) {
             this.points.forEach(function (point) {
-                var graphic = point.graphic, animationTarget;
+                var graphic = point.graphic;
                 if (graphic && graphic.width) { // URL symbols don't have width
-                    animationTarget = {
-                        x: graphic.x,
-                        y: graphic.y,
-                        width: graphic.width,
-                        height: graphic.height
-                    };
                     // Start values
-                    graphic.attr({
-                        x: point.plotX,
-                        y: point.plotY,
-                        width: 1,
-                        height: 1
-                    });
+                    if (!this.hasRendered) {
+                        graphic.attr({
+                            x: point.plotX,
+                            y: point.plotY,
+                            width: 1,
+                            height: 1
+                        });
+                    }
                     // Run animation
-                    graphic.animate(animationTarget, this.options.animation);
+                    graphic.animate(this.markerAttribs(point), this.options.animation);
                 }
             }, this);
         }