highcharts 6.1.4 → 6.2.0

package/js/es-modules/parts/StockChart.js

@@ -1,5 +1,5 @@
 /**
- * (c) 2010-2017 Torstein Honsi
+ * (c) 2010-2018 Torstein Honsi
  *
  * License: www.highcharts.com/license
  */
@@ -420,7 +420,10 @@ wrap(Axis.prototype, 'getPlotLinePath', function (
                 x1 = x2 = Math.round(transVal + axis.transB);
 
                 // outside plot area
-                if (x1 < axisLeft || x1 > axisLeft + axis.width) {
+                if (
+                    force !== 'pass' &&
+                    (x1 < axisLeft || x1 > axisLeft + axis.width)
+                ) {
                     if (force) {
                         x1 = x2 = Math.min(
                             Math.max(axisLeft, x1),
@@ -443,7 +446,10 @@ wrap(Axis.prototype, 'getPlotLinePath', function (
                 y1 = y2 = Math.round(axisTop + axis.height - transVal);
 
                 // outside plot area
-                if (y1 < axisTop || y1 > axisTop + axis.height) {
+                if (
+                    force !== 'pass' &&
+                    (y1 < axisTop || y1 > axisTop + axis.height)
+                ) {
                     if (force) {
                         y1 = y2 = Math.min(
                             Math.max(axisTop, y1),

package/js/es-modules/parts/SvgRenderer.js

@@ -1,5 +1,5 @@
 /**
- * (c) 2010-2017 Torstein Honsi
+ * (c) 2010-2018 Torstein Honsi
  *
  * License: www.highcharts.com/license
  */
@@ -1473,6 +1473,7 @@ extend(SVGElement.prototype, /** @lends Highcharts.SVGElement.prototype */ {
             toggleTextShadowShim,
             cache = renderer.cache,
             cacheKeys = renderer.cacheKeys,
+            isSVG = element.namespaceURI === wrapper.SVG_NS,
             cacheKey;
 
         rotation = pick(rot, wrapper.rotation);
@@ -1516,7 +1517,7 @@ extend(SVGElement.prototype, /** @lends Highcharts.SVGElement.prototype */ {
         if (!bBox) {
 
             // SVG elements
-            if (element.namespaceURI === wrapper.SVG_NS || renderer.forExport) {
+            if (isSVG || renderer.forExport) {
                 try { // Fails in Firefox if the container has display: none.
 
                     // When the text shadow shim is used, we need to hide the
@@ -1583,12 +1584,16 @@ extend(SVGElement.prototype, /** @lends Highcharts.SVGElement.prototype */ {
                 // Also vertical positioning is affected.
                 // https://jsfiddle.net/highcharts/em37nvuj/
                 // (#1101, #1505, #1669, #2568, #6213).
-                if (
-                    styles &&
-                    styles.fontSize === '11px' &&
-                    Math.round(height) === 17
-                ) {
-                    bBox.height = height = 14;
+                if (isSVG) {
+                    bBox.height = height = (
+                        {
+                            '11px,17': 14,
+                            '13px,20': 16
+                        }[
+                            styles && styles.fontSize + ',' + Math.round(height)
+                        ] ||
+                        height
+                    );
                 }
 
                 // Adjust for rotated text
@@ -2562,7 +2567,7 @@ extend(SVGRenderer.prototype, /** @lends Highcharts.SVGRenderer.prototype */ {
                         } catch (e) {}
 
                     // Legacy
-                    } else {
+                    } else if (renderer.getSpanWidth) { // #9058 jsdom
                         updateTSpan(getString(text || words, charEnd));
                         lengths[end] = startAt +
                             renderer.getSpanWidth(wrapper, tspan);
@@ -4049,7 +4054,7 @@ extend(SVGRenderer.prototype, /** @lends Highcharts.SVGRenderer.prototype */ {
         if (y) {
             attribs.y = Math.round(y);
         }
-        if (str || str === 0) {
+        if (defined(str)) {
             attribs.text = str;
         }
 

package/js/es-modules/parts/Tick.js

@@ -1,11 +1,14 @@
 /**
- * (c) 2010-2017 Torstein Honsi
+ * (c) 2010-2018 Torstein Honsi
  *
  * License: www.highcharts.com/license
  */
+
 'use strict';
+
 import H from './Globals.js';
 import './Utilities.js';
+
 var correctFloat = H.correctFloat,
     defined = H.defined,
     destroyObjectProperties = H.destroyObjectProperties,
@@ -16,24 +19,51 @@ var correctFloat = H.correctFloat,
     deg2rad = H.deg2rad;
 
 /**
- * The Tick class
- * @ignore
+ * The Tick class.
+ *
+ * @private
+ * @class
+ * @name Highcharts.Tick
+ *
+ * @param {Highcharts.Axis} axis
+ *
+ * @param {number} pos The position of the tick on the axis.
+ *
+ * @param {string} [type] The type of tick.
+ *
+ * @param {boolean} [noLabel=false] Wether to disable the label or not. Defaults to
+ * false.
+ *
+ * @param {object} [parameters] Optional parameters for the tick.
+ *
+ * @param {object} [parameters.tickmarkOffset] Set tickmarkOffset for the tick.
+ *
+ * @param {object} [parameters.category] Set category for the tick.
  */
-H.Tick = function (axis, pos, type, noLabel) {
+H.Tick = function (axis, pos, type, noLabel, parameters) {
     this.axis = axis;
     this.pos = pos;
     this.type = type || '';
     this.isNew = true;
     this.isNewLabel = true;
+    this.parameters = parameters || {};
+    // Usually undefined, numeric for grid axes
+    this.tickmarkOffset = this.parameters.tickmarkOffset;
 
+    this.options = this.parameters.options;
     if (!type && !noLabel) {
         this.addLabel();
     }
 };
 
+/** @lends Highcharts.Tick.prototype */
 H.Tick.prototype = {
+
     /**
-     * Write the tick label
+     * Write the tick label.
+     *
+     * @private
+     * @function Highcharts.Tick#addLabel
      */
     addLabel: function () {
         var tick = this,
@@ -43,44 +73,82 @@ H.Tick.prototype = {
             categories = axis.categories,
             names = axis.names,
             pos = tick.pos,
-            labelOptions = options.labels,
+            labelOptions = pick(
+                tick.options && tick.options.labels,
+                options.labels
+            ),
             str,
             tickPositions = axis.tickPositions,
             isFirst = pos === tickPositions[0],
             isLast = pos === tickPositions[tickPositions.length - 1],
-            value = categories ?
-                pick(categories[pos], names[pos], pos) :
-                pos,
+            value = this.parameters.category || (
+                categories ?
+                    pick(categories[pos], names[pos], pos) :
+                    pos
+            ),
             label = tick.label,
             tickPositionInfo = tickPositions.info,
             dateTimeLabelFormat,
-            params;
+            dateTimeLabelFormats,
+            i,
+            list;
 
         // Set the datetime label format. If a higher rank is set for this
         // position, use that. If not, use the general format.
         if (axis.isDatetimeAxis && tickPositionInfo) {
-            dateTimeLabelFormat =
+            dateTimeLabelFormats = chart.time.resolveDTLFormat(
                 options.dateTimeLabelFormats[
-                    tickPositionInfo.higherRanks[pos] ||
+                    (
+                        !options.grid &&
+                        tickPositionInfo.higherRanks[pos]
+                    ) ||
                     tickPositionInfo.unitName
-                ];
+                ]
+            );
+            dateTimeLabelFormat = dateTimeLabelFormats.main;
         }
+
         // set properties for access in render method
         tick.isFirst = isFirst;
         tick.isLast = isLast;
 
-        // Get the string. Provide params both as scope (legacy) and as first
-        // parameter which allows use in arrow functions (#8580).
-        params = {
+        // Get the string
+        tick.formatCtx = {
             axis: axis,
             chart: chart,
             isFirst: isFirst,
             isLast: isLast,
             dateTimeLabelFormat: dateTimeLabelFormat,
+            tickPositionInfo: tickPositionInfo,
             value: axis.isLog ? correctFloat(axis.lin2log(value)) : value,
             pos: pos
         };
-        str = axis.labelFormatter.call(params, params);
+        str = axis.labelFormatter.call(tick.formatCtx, this.formatCtx);
+
+        // Set up conditional formatting based on the format list if existing.
+        list = dateTimeLabelFormats && dateTimeLabelFormats.list;
+        if (list) {
+            tick.shortenLabel = function () {
+                for (i = 0; i < list.length; i++) {
+                    label.attr({
+                        text: axis.labelFormatter.call(H.extend(
+                            tick.formatCtx,
+                            { dateTimeLabelFormat: list[i] }
+                        ))
+                    });
+                    if (
+                        label.getBBox().width <
+                        axis.getSlotWidth(tick) - 2 *
+                            pick(labelOptions.padding, 5)
+                    ) {
+                        return;
+                    }
+                }
+                label.attr({
+                    text: ''
+                });
+            };
+        }
 
         // first call
         if (!defined(label)) {
@@ -124,6 +192,11 @@ H.Tick.prototype = {
 
     /**
      * Get the offset height or width of the label
+     *
+     * @private
+     * @function Highcharts.Tick#getLabelSize
+     *
+     * @return {number}
      */
     getLabelSize: function () {
         return this.label ?
@@ -134,6 +207,11 @@ H.Tick.prototype = {
     /**
      * Handle the label overflow by adjusting the labels to the left and right
      * edge, or hide them if they collide into the neighbour label.
+     *
+     * @private
+     * @function Highcharts.Tick#handleOverflow
+     *
+     * @param {Highcharts.PositionObject} xy
      */
     handleOverflow: function (xy) {
         var tick = this,
@@ -217,16 +295,35 @@ H.Tick.prototype = {
         }
 
         if (textWidth) {
-            css.width = textWidth;
-            if (!(labelOptions.style || {}).textOverflow) {
-                css.textOverflow = 'ellipsis';
+            if (tick.shortenLabel) {
+                tick.shortenLabel();
+            } else {
+                css.width = textWidth;
+                if (!(labelOptions.style || {}).textOverflow) {
+                    css.textOverflow = 'ellipsis';
+                }
+                label.css(css);
             }
-            label.css(css);
         }
     },
 
     /**
      * Get the x and y position for ticks and labels
+     *
+     * @private
+     * @function Highcharts.Tick#getPosition
+     *
+     * @param {boolean} horiz
+     *
+     * @param {number} tickPos
+     *
+     * @param {number} tickmarkOffset
+     *
+     * @param {boolean} [old]
+     *
+     * @return {number}
+     *
+     * @fires Highcharts.Tick#event:afterGetPosition
      */
     getPosition: function (horiz, tickPos, tickmarkOffset, old) {
         var axis = this.axis,
@@ -279,6 +376,9 @@ H.Tick.prototype = {
 
     /**
      * Get the x, y position of the tick label
+     *
+     * @private
+     *
      */
     getLabelPosition: function (
         x,
@@ -351,6 +451,9 @@ H.Tick.prototype = {
 
     /**
      * Extendible method to return the path of the marker
+     *
+     * @private
+     *
      */
     getMarkPath: function (x, y, tickLength, tickWidth, horiz, renderer) {
         return renderer.crispLine([
@@ -365,6 +468,9 @@ H.Tick.prototype = {
 
     /**
      * Renders the gridLine.
+     *
+     * @private
+     *
      * @param  {Boolean} old         Whether or not the tick is old
      * @param  {number} opacity      The opacity of the grid line
      * @param  {number} reverseCrisp Modifier for avoiding overlapping 1 or -1
@@ -379,7 +485,7 @@ H.Tick.prototype = {
             attribs = {},
             pos = tick.pos,
             type = tick.type,
-            tickmarkOffset = axis.tickmarkOffset,
+            tickmarkOffset = pick(tick.tickmarkOffset, axis.tickmarkOffset),
             renderer = axis.chart.renderer;
 
         
@@ -390,7 +496,7 @@ H.Tick.prototype = {
                 attribs.zIndex = 1;
             }
             if (old) {
-                attribs.opacity = 0;
+                opacity = 0;
             }
             tick.gridLine = gridLine = renderer.path()
                 .attr(attribs)
@@ -398,18 +504,21 @@ H.Tick.prototype = {
                     'highcharts-' + (type ? type + '-' : '') + 'grid-line'
                 )
                 .add(axis.gridGroup);
+
         }
 
-        // If the parameter 'old' is set, the current call will be followed
-        // by another call, therefore do not do any animations this time
-        if (!old && gridLine) {
+        if (gridLine) {
             gridLinePath = axis.getPlotLinePath(
                 pos + tickmarkOffset,
                 gridLine.strokeWidth() * reverseCrisp,
-                old, true
+                old,
+                'pass'
             );
+
+            // If the parameter 'old' is set, the current call will be followed
+            // by another call, therefore do not do any animations this time
             if (gridLinePath) {
-                gridLine[tick.isNew ? 'attr' : 'animate']({
+                gridLine[old || tick.isNew ? 'attr' : 'animate']({
                     d: gridLinePath,
                     opacity: opacity
                 });
@@ -419,6 +528,9 @@ H.Tick.prototype = {
 
     /**
      * Renders the tick mark.
+     *
+     * @private
+     *
      * @param  {Object} xy           The position vector of the mark
      * @param  {number} xy.x         The x position of the mark
      * @param  {number} xy.y         The y position of the mark
@@ -474,6 +586,9 @@ H.Tick.prototype = {
      * Renders the tick label.
      * Note: The label should already be created in init(), so it should only
      * have to be moved into place.
+     *
+     * @private
+     *
      * @param  {Object} xy      The position vector of the label
      * @param  {number} xy.x    The x position of the label
      * @param  {number} xy.y    The y position of the label
@@ -490,7 +605,7 @@ H.Tick.prototype = {
             label = tick.label,
             labelOptions = options.labels,
             step = labelOptions.step,
-            tickmarkOffset = axis.tickmarkOffset,
+            tickmarkOffset = pick(tick.tickmarkOffset, axis.tickmarkOffset),
             show = true,
             x = xy.x,
             y = xy.y;
@@ -555,6 +670,8 @@ H.Tick.prototype = {
     /**
      * Put everything in place
      *
+     * @private
+     *
      * @param index {Number}
      * @param old {Boolean} Use old coordinates to prepare an animation into new
      *                      position
@@ -564,7 +681,7 @@ H.Tick.prototype = {
             axis = tick.axis,
             horiz = axis.horiz,
             pos = tick.pos,
-            tickmarkOffset = axis.tickmarkOffset,
+            tickmarkOffset = pick(tick.tickmarkOffset, axis.tickmarkOffset),
             xy = tick.getPosition(horiz, pos, tickmarkOffset, old),
             x = xy.x,
             y = xy.y,
@@ -590,6 +707,9 @@ H.Tick.prototype = {
 
     /**
      * Destructor for the tick prototype
+     *
+     * @private
+     * @function Highcharts.Tick#destroy
      */
     destroy: function () {
         destroyObjectProperties(this, this.axis);

package/js/es-modules/parts/Time.js

@@ -1,5 +1,5 @@
 /**
- * (c) 2010-2017 Torstein Honsi
+ * (c) 2010-2018 Torstein Honsi
  *
  * License: www.highcharts.com/license
  */
@@ -172,7 +172,7 @@ Highcharts.Time.prototype = {
      *
      * @type      {*}
      * @since     4.0.4
-     * @product   highcharts highstock
+     * @product   highcharts highstock gantt
      * @apioption time.Date
      */
 
@@ -190,7 +190,7 @@ Highcharts.Time.prototype = {
      *
      * @type      {Function}
      * @since     4.1.0
-     * @product   highcharts highstock
+     * @product   highcharts highstock gantt
      * @apioption time.getTimezoneOffset
      */
 
@@ -209,7 +209,7 @@ Highcharts.Time.prototype = {
      *
      * @type      {string}
      * @since     5.0.7
-     * @product   highcharts highstock
+     * @product   highcharts highstock gantt
      * @apioption time.timezone
      */
 
@@ -227,7 +227,7 @@ Highcharts.Time.prototype = {
      * @type      {number}
      * @default   0
      * @since     3.0.8
-     * @product   highcharts highstock
+     * @product   highcharts highstock gantt
      * @apioption time.timezoneOffset
      */
 
@@ -600,6 +600,24 @@ Highcharts.Time.prototype = {
             format;
     },
 
+    /**
+     * Resolve legacy formats of dateTimeLabelFormats (strings and arrays) into
+     * an object.
+     * @param  {String|Array|Object} f General format description
+     * @return {Object}   The object definition
+     */
+    resolveDTLFormat: function (f) {
+        if (!H.isObject(f, true)) {
+            f = H.splat(f);
+            return {
+                main: f[0],
+                from: f[1],
+                to: f[2]
+            };
+        }
+        return f;
+    },
+
     /**
      * Return an array with time positions distributed on round time values
      * right and right after min and max. Used in datetime axes as well as for

package/js/es-modules/parts/Tooltip.js

@@ -1,5 +1,5 @@
 /**
- * (c) 2010-2017 Torstein Honsi
+ * (c) 2010-2018 Torstein Honsi
  *
  * License: www.highcharts.com/license
  */
@@ -1062,7 +1062,7 @@ H.Tooltip.prototype = {
         }
 
         if (n) {
-            format = dateTimeLabelFormats[n];
+            format = time.resolveDTLFormat(dateTimeLabelFormats[n]).main;
         }
 
         return format;

package/js/es-modules/parts/TouchPointer.js

@@ -1,5 +1,5 @@
 /**
- * (c) 2010-2017 Torstein Honsi
+ * (c) 2010-2018 Torstein Honsi
  *
  * License: www.highcharts.com/license
  */

package/js/es-modules/parts/Utilities.js

@@ -1,5 +1,5 @@
 /**
- * (c) 2010-2017 Torstein Honsi
+ * (c) 2010-2018 Torstein Honsi
  *
  * License: www.highcharts.com/license
  */
@@ -1317,6 +1317,21 @@ H.wrap = function (obj, method, func) {
 
 
 
+/**
+ * Recursively converts all Date properties to timestamps.
+ *
+ * @param  {Object} object - any object to convert properties of
+ */
+H.datePropsToTimestamps = function (object) {
+    H.objectEach(object, function (val, key) {
+        if (H.isObject(val) && typeof val.getTime === 'function') {
+            object[key] = val.getTime();
+        } else if (H.isObject(val) || H.isArray(val)) {
+            H.datePropsToTimestamps(val);
+        }
+    });
+};
+
 /**
  * Format a single variable. Similar to sprintf, without the % prefix.
  *

package/js/es-modules/parts-3d/Axis.js

@@ -1,5 +1,5 @@
 /**
- * (c) 2010-2017 Torstein Honsi
+ * (c) 2010-2018 Torstein Honsi
  *
  * Extenstion for 3d axes
  *

package/js/es-modules/parts-3d/Chart.js

@@ -1,5 +1,5 @@
 /**
- * (c) 2010-2017 Torstein Honsi
+ * (c) 2010-2018 Torstein Honsi
  *
  * Extension for 3D charts
  *

package/js/es-modules/parts-3d/Column.js

@@ -1,5 +1,5 @@
 /**
- * (c) 2010-2017 Torstein Honsi
+ * (c) 2010-2018 Torstein Honsi
  *
  * License: www.highcharts.com/license
  */

package/js/es-modules/parts-3d/Math.js

@@ -1,5 +1,5 @@
 /**
- * (c) 2010-2017 Torstein Honsi
+ * (c) 2010-2018 Torstein Honsi
  *
  * License: www.highcharts.com/license
  */

package/js/es-modules/parts-3d/Pie.js

@@ -1,5 +1,5 @@
 /**
- * (c) 2010-2017 Torstein Honsi
+ * (c) 2010-2018 Torstein Honsi
  *
  * 3D pie series
  *

package/js/es-modules/parts-3d/SVGRenderer.js

@@ -1,5 +1,5 @@
 /**
- * (c) 2010-2017 Torstein Honsi
+ * (c) 2010-2018 Torstein Honsi
  *
  * License: www.highcharts.com/license
  */

package/js/es-modules/parts-3d/Scatter.js

@@ -1,5 +1,5 @@
 /**
- * (c) 2010-2017 Torstein Honsi
+ * (c) 2010-2018 Torstein Honsi
  *
  * Scatter 3D series.
  *

package/js/es-modules/parts-3d/Series.js

@@ -1,5 +1,5 @@
 /**
- * (c) 2010-2017 Torstein Honsi
+ * (c) 2010-2018 Torstein Honsi
  *
  * Extension to the Series object in 3D charts.
  *

package/js/es-modules/parts-3d/VMLRenderer.js

@@ -1,5 +1,5 @@
 /**
- * (c) 2010-2017 Torstein Honsi
+ * (c) 2010-2018 Torstein Honsi
  *
  * License: www.highcharts.com/license
  */