highcharts-rails 6.0.1 → 6.0.2

data/app/assets/javascripts/highcharts/highcharts-3d.js

@@ -1,5 +1,5 @@
 /**
- * @license Highcharts JS v6.0.1 (2017-10-05)
+ * @license Highcharts JS v6.0.2 (2017-10-20)
  *
  * 3D features for Highcharts JS
  *
@@ -2919,7 +2919,6 @@
             wrap = H.wrap;
 
         /**
-         * Options to render axis in 3 dimensions. 
          * @optionparent xAxis
          */
         var extendedOptions = {
@@ -3013,7 +3012,7 @@
         wrap(Axis.prototype, 'setOptions', function(proceed, userOptions) {
             var options;
             proceed.call(this, userOptions);
-            if (this.chart.is3d() && this.coll !== 'colorAxis') {
+            if (this.chart.is3d && this.chart.is3d() && this.coll !== 'colorAxis') {
                 options = this.options;
                 options.tickWidth = pick(options.tickWidth, 0);
                 options.gridLineWidth = pick(options.gridLineWidth, 1);
@@ -3905,7 +3904,7 @@
         function pointAttribs(proceed) {
             var attr = proceed.apply(this, [].slice.call(arguments, 1));
 
-            if (this.chart.is3d()) {
+            if (this.chart.is3d && this.chart.is3d()) {
                 // Set the fill color to the fill color to provide a smooth edge
                 attr.stroke = this.options.edgeColor || attr.fill;
                 attr['stroke-width'] = pick(this.options.edgeWidth, 1); // #4055

data/app/assets/javascripts/highcharts/highcharts-more.js

@@ -1,5 +1,5 @@
 /**
- * @license Highcharts JS v6.0.1 (2017-10-05)
+ * @license Highcharts JS v6.0.2 (2017-10-20)
  *
  * (c) 2009-2016 Torstein Honsi
  *
@@ -337,12 +337,28 @@
                  * @product highcharts
                  */
                 backgroundColor: {
+                    /**
+                     * Definition of the gradient, similar to SVG: object literal holds
+                     * start position (x1, y1) and the end position (x2, y2) relative
+                     * to the shape, where 0 means top/left and 1 is bottom/right.
+                     * All positions are floats between 0 and 1.
+                     *
+                     * @type {Object}
+                     */
                     linearGradient: {
                         x1: 0,
                         y1: 0,
                         x2: 0,
                         y2: 1
                     },
+                    /**
+                     * The stops is an array of tuples, where the first
+                     * item is a float between 0 and 1 assigning the relative position in
+                     * the gradient, and the second item is the color.
+                     *
+                     * @default [[0, #ffffff], [1, #e6e6e6]]
+                     * @type {Array<Array>}
+                     */
                     stops: [
                         [0, '#ffffff'],
                         [1, '#e6e6e6']
@@ -845,8 +861,8 @@
                 options,
                 chartOptions = chart.options,
                 paneIndex = userOptions.pane || 0,
-                pane = this.pane = chart.pane[paneIndex],
-                paneOptions = pane.options;
+                pane = this.pane = chart.pane && chart.pane[paneIndex],
+                paneOptions = pane && pane.options;
 
             // Before prototype.init
             if (angular) {
@@ -873,14 +889,14 @@
             }
 
             // A pointer back to this axis to borrow geometry
-            if (isCircular) {
+            if (pane && isCircular) {
                 pane.axis = this;
             }
 
             // Run prototype.init
             proceed.call(this, chart, userOptions);
 
-            if (!isHidden && (angular || polar)) {
+            if (!isHidden && pane && (angular || polar)) {
                 options = this.options;
 
                 // Start and end angle options are

data/app/assets/javascripts/highcharts/modules/accessibility.js

@@ -1,5 +1,5 @@
 /**
- * @license Highcharts JS v6.0.1 (2017-10-05)
+ * @license Highcharts JS v6.0.2 (2017-10-20)
  * Accessibility module
  *
  * (c) 2010-2017 Highsoft AS
@@ -1502,7 +1502,9 @@
             // Handle keyboard events
             addEvent(chart.renderTo, 'keydown', keydownHandler);
             addEvent(chart, 'destroy', function() {
-                removeEvent(chart.renderTo, 'keydown', keydownHandler);
+                if (chart.renderTo) {
+                    removeEvent(chart.renderTo, 'keydown', keydownHandler);
+                }
             });
         };
 

data/app/assets/javascripts/highcharts/modules/annotations.js

@@ -1,5 +1,5 @@
 /**
- * @license Highcharts JS v6.0.1 (2017-10-05)
+ * @license Highcharts JS v6.0.2 (2017-10-20)
  * Annotations module
  *
  * (c) 2009-2017 Torstein Honsi
@@ -558,7 +558,7 @@
                      **/
                     style: {
                         fontSize: '11px',
-                        fontWeigth: 'bold',
+                        fontWeight: 'normal',
                         color: 'contrast'
                     },
 

data/app/assets/javascripts/highcharts/modules/boost-canvas.js

@@ -1,5 +1,5 @@
 /**
- * @license Highcharts JS v6.0.1 (2017-10-05)
+ * @license Highcharts JS v6.0.2 (2017-10-20)
  * Boost module
  *
  * (c) 2010-2017 Highsoft AS
@@ -19,51 +19,12 @@
         /**
          * License: www.highcharts.com/license
          * Author: Torstein Honsi, Christer Vasseng
-         * 
-         * This is an experimental Highcharts module that draws long data series on a canvas
-         * in order to increase performance of the initial load time and tooltip responsiveness.
          *
-         * Compatible with HTML5 canvas compatible browsers (not IE < 9).
+         * This module serves as a fallback for the Boost module in IE9 and IE10. Newer
+         * browsers support WebGL which is faster. 
          *
-         *
-         * 
-         * Development plan
-         * - Column range.
-         * - Heatmap. Modify the heatmap-canvas demo so that it uses this module.
-         * - Treemap.
-         * - Check how it works with Highstock and data grouping. Currently it only works when navigator.adaptToUpdatedData
-         *   is false. It is also recommended to set scrollbar.liveRedraw to false.
-         * - Check inverted charts.
-         * - Check reversed axes.
-         * - Chart callback should be async after last series is drawn. (But not necessarily, we don't do
-        	 that with initial series animation).
-         * - Cache full-size image so we don't have to redraw on hide/show and zoom up. But k-d-tree still
-         *   needs to be built.
-         * - Test IE9 and IE10.
-         * - Stacking is not perhaps not correct since it doesn't use the translation given in 
-         *   the translate method. If this gets to complicated, a possible way out would be to 
-         *   have a simplified renderCanvas method that simply draws the areaPath on a canvas.
-         *
-         * If this module is taken in as part of the core
-         * - All the loading logic should be merged with core. Update styles in the core.
-         * - Most of the method wraps should probably be added directly in parent methods.
-         *
-         * Notes for boost mode
-         * - Area lines are not drawn
-         * - Point markers are not drawn on line-type series
-         * - Lines are not drawn on scatter charts
-         * - Zones and negativeColor don't work
-         * - Initial point colors aren't rendered
-         * - Columns are always one pixel wide. Don't set the threshold too low.
-         *
-         * Optimizing tips for users
-         * - For scatter plots, use a marker.radius of 1 or less. It results in a rectangle being drawn, which is 
-         *   considerably faster than a circle.
-         * - Set extremes (min, max) explicitly on the axes in order for Highcharts to avoid computing extremes.
-         * - Set enableMouseTracking to false on the series to improve total rendering time.
-         * - The default threshold is set based on one series. If you have multiple, dense series, the combined
-         *   number of points drawn gets higher, and you may want to set the threshold lower in order to 
-         *   use optimizations.
+         * It is recommended to include this module in conditional comments targeting
+         * IE9 and IE10.
          */
 
 
@@ -84,43 +45,7 @@
             CHUNK_SIZE = 50000,
             destroyLoadingDiv;
 
-        function eachAsync(arr, fn, finalFunc, chunkSize, i) {
-            i = i || 0;
-            chunkSize = chunkSize || CHUNK_SIZE;
-
-            var threshold = i + chunkSize,
-                proceed = true;
-
-            while (proceed && i < threshold && i < arr.length) {
-                proceed = fn(arr[i], i);
-                i = i + 1;
-            }
-            if (proceed) {
-                if (i < arr.length) {
-                    setTimeout(function() {
-                        eachAsync(arr, fn, finalFunc, chunkSize, i);
-                    });
-                } else if (finalFunc) {
-                    finalFunc();
-                }
-            }
-        }
-
-        /*
-         * Returns true if the chart is in series boost mode
-         * @param chart {Highchart.Chart} - the chart to check
-         * @returns {Boolean} - true if the chart is in series boost mode
-         */
-        function isChartSeriesBoosting(chart) {
-            var threshold = (chart.options.boost ? chart.options.boost.seriesThreshold : 0) ||
-                chart.options.chart.seriesBoostThreshold ||
-                10;
-
-            return chart.series.length >= threshold;
-        }
-
         H.initCanvasBoost = function() {
-
             if (H.seriesTypes.heatmap) {
                 H.wrap(H.seriesTypes.heatmap.prototype, 'drawPoints', function() {
                     var ctx = this.getContext();
@@ -157,97 +82,24 @@
             }
 
 
-            /**
-             * Override a bunch of methods the same way. If the number of points is below the threshold,
-             * run the original method. If not, check for a canvas version or do nothing.
-             */
-            // each(['translate', 'generatePoints', 'drawTracker', 'drawPoints', 'render'], function (method) {
-            // 	function branch(proceed) {
-            // 		var letItPass = this.options.stacking && (method === 'translate' || method === 'generatePoints');
-            // 		if (((this.processedXData || this.options.data).length < (this.options.boostThreshold || Number.MAX_VALUE) ||
-            // 				letItPass) || !isChartSeriesBoosting(this.chart)) {
-
-            // 			// Clear image
-            // 			if (method === 'render' && this.image) {
-            // 				this.image.attr({ href: '' });
-            // 				this.animate = null; // We're zooming in, don't run animation
-            // 			}
-
-            // 			proceed.call(this);
-
-            // 		// If a canvas version of the method exists, like renderCanvas(), run
-            // 		} else if (this[method + 'Canvas']) {
-
-            // 			this[method + 'Canvas']();
-            // 		}
-            // 	}
-            // 	wrap(Series.prototype, method, branch);
-
-            // 	// A special case for some types - its translate method is already wrapped
-            // 	if (method === 'translate') {
-            // 		each(['arearange', 'bubble', 'column'], function (type) {
-            // 			if (seriesTypes[type]) {
-            // 				wrap(seriesTypes[type].prototype, method, branch);
-            // 			}
-            // 		});
-            // 	}
-            // });
-
             H.extend(Series.prototype, {
-                directTouch: false,
-                pointRange: 0,
-                allowDG: false, // No data grouping, let boost handle large data 
-                hasExtremes: function(checkX) {
-                    var options = this.options,
-                        data = options.data,
-                        xAxis = this.xAxis && this.xAxis.options,
-                        yAxis = this.yAxis && this.yAxis.options;
-                    return data.length > (options.boostThreshold || Number.MAX_VALUE) && isNumber(yAxis.min) && isNumber(yAxis.max) &&
-                        (!checkX || (isNumber(xAxis.min) && isNumber(xAxis.max)));
-                },
 
                 /**
-                 * If implemented in the core, parts of this can probably be shared with other similar
-                 * methods in Highcharts.
-                 */
-                destroyGraphics: function() {
-                    var series = this,
-                        points = this.points,
-                        point,
-                        i;
-
-                    if (points) {
-                        for (i = 0; i < points.length; i = i + 1) {
-                            point = points[i];
-                            if (point && point.graphic) {
-                                point.graphic = point.graphic.destroy();
-                            }
-                        }
-                    }
-
-                    each(['graph', 'area', 'tracker'], function(prop) {
-                        if (series[prop]) {
-                            series[prop] = series[prop].destroy();
-                        }
-                    });
-                },
-
-                /**
-                 * Create a hidden canvas to draw the graph on. The contents is later copied over 
+                 * Create a hidden canvas to draw the graph on. The contents is later copied over
                  * to an SVG image element.
                  */
                 getContext: function() {
                     var chart = this.chart,
                         width = chart.chartWidth,
                         height = chart.chartHeight,
-                        targetGroup = this.group,
+                        targetGroup = chart.seriesGroup || this.group,
                         target = this,
                         ctx,
                         swapXY = function(proceed, x, y, a, b, c, d) {
                             proceed.call(this, y, x, a, b, c, d);
                         };
 
-                    if (isChartSeriesBoosting(chart)) {
+                    if (chart.isChartSeriesBoosting()) {
                         target = chart;
                         targetGroup = chart.seriesGroup;
                     }
@@ -257,7 +109,7 @@
                     if (!target.canvas) {
                         target.canvas = doc.createElement('canvas');
 
-                        target.image = chart.renderer.image(
+                        target.renderTarget = chart.renderer.image(
                             '',
                             0,
                             0,
@@ -273,6 +125,16 @@
                             });
                         }
 
+                        target.boostClear = function() {
+                            ctx.clearRect(0, 0, target.canvas.width, target.canvas.height);
+
+                            if (target.renderTarget) {
+                                target.renderTarget.attr({
+                                    href: ''
+                                });
+                            }
+                        };
+
                         target.boostClipRect = chart.renderer.clipRect(
                             chart.plotLeft,
                             chart.plotTop,
@@ -280,7 +142,7 @@
                             chart.chartHeight
                         );
 
-                        target.image.clip(target.boostClipRect);
+                        target.renderTarget.clip(target.boostClipRect);
 
                     } else if (!(target instanceof H.Chart)) {
                         // ctx.clearRect(0, 0, width, height);
@@ -294,17 +156,18 @@
                         target.canvas.height = height;
                     }
 
-                    target.image.attr({
+                    target.renderTarget.attr({
                         x: 0,
                         y: 0,
                         width: width,
                         height: height,
-                        style: 'pointer-events: none'
+                        style: 'pointer-events: none',
+                        href: ''
                     });
 
                     target.boostClipRect.attr({
-                        x: 0,
-                        y: 0,
+                        x: chart.plotLeft,
+                        y: chart.plotTop,
                         width: chart.plotWidth,
                         height: chart.chartHeight
                     });
@@ -316,14 +179,12 @@
                  * Draw the canvas image inside an SVG image
                  */
                 canvasToSVG: function() {
-                    if (!isChartSeriesBoosting(this.chart)) {
-                        this.image.attr({
+                    if (!this.chart.isChartSeriesBoosting()) {
+                        this.renderTarget.attr({
                             href: this.canvas.toDataURL('image/png')
                         });
-                    } else if (this.image) {
-                        this.image.attr({
-                            href: ''
-                        });
+                    } else {
+                        this.boostClear();
                     }
                 },
 
@@ -453,7 +314,7 @@
                             // Avoid more string concatination than required
                             kdIndex = clientX + ',' + plotY;
 
-                            // The k-d tree requires series points. Reduce the amount of points, since the time to build the 
+                            // The k-d tree requires series points. Reduce the amount of points, since the time to build the
                             // tree increases exponentially.
                             if (enableMouseTracking && !pointTaken[kdIndex]) {
                                 pointTaken[kdIndex] = true;
@@ -487,13 +348,18 @@
                     );
 
                     series.markerGroup = series.group;
-                    // addEvent(series, 'destroy', function () {
-                    // 	series.markerGroup = null;
-                    // });
+                    addEvent(series, 'destroy', function() { // Prevent destroy twice
+                        series.markerGroup = null;
+                    });
 
                     points = this.points = [];
                     ctx = this.getContext();
-                    series.buildKDTree = noop; // Do not start building while drawing 
+                    series.buildKDTree = noop; // Do not start building while drawing
+                    ctx.clearRect(0, 0, this.canvas.width, this.canvas.height);
+
+                    if (!this.visible) {
+                        return;
+                    }
 
                     // Display a loading indicator
                     if (rawData.length > 99999) {
@@ -518,7 +384,7 @@
                     }
 
                     // Loop over the points
-                    eachAsync(sdata, function(d, i) {
+                    H.eachAsync(sdata, function(d, i) {
                         var x,
                             y,
                             clientX,
@@ -671,12 +537,6 @@
                             }, 250);
                         }
 
-                        // Pass tests in Pointer. 
-                        // Replace this with a single property, and replace when zooming in
-                        // below boostThreshold.
-                        series.directTouch = false;
-                        series.options.stickyTracking = true;
-
                         delete series.buildKDTree; // Go back to prototype, ready to build
                         series.buildKDTree();
 
@@ -685,18 +545,13 @@
                 }
             });
 
-            wrap(Series.prototype, 'setData', function(proceed) {
-                if (!this.hasExtremes || !this.hasExtremes(true) || this.type === 'heatmap') {
-                    proceed.apply(this, Array.prototype.slice.call(arguments, 1));
-                }
+            /*
+            wrap(Series.prototype, 'setData', function (proceed) {
+            	if (!this.hasExtremes || !this.hasExtremes(true) || this.type === 'heatmap') {
+            		proceed.apply(this, Array.prototype.slice.call(arguments, 1));
+            	}
             });
-
-            wrap(Series.prototype, 'processData', function(proceed) {
-                if (!this.hasExtremes || !this.hasExtremes(true) || this.type === 'heatmap') {
-                    proceed.apply(this, Array.prototype.slice.call(arguments, 1));
-                }
-            });
-
+            */
             seriesTypes.scatter.prototype.cvsMarkerCircle = function(ctx, clientX, plotY, r) {
                 ctx.moveTo(clientX, plotY);
                 ctx.arc(clientX, plotY, r, 0, 2 * Math.PI, false);
@@ -740,16 +595,16 @@
 
             H.Chart.prototype.callbacks.push(function(chart) {
                 function canvasToSVG() {
-                    if (chart.image && chart.canvas) {
-                        chart.image.attr({
+                    if (chart.renderTarget && chart.canvas) {
+                        chart.renderTarget.attr({
                             href: chart.canvas.toDataURL('image/png')
                         });
                     }
                 }
 
                 function clear() {
-                    if (chart.image) {
-                        chart.image.attr({
+                    if (chart.renderTarget) {
+                        chart.renderTarget.attr({
                             href: ''
                         });
                     }