highcharts 9.2.2 → 9.3.3

package/es-modules/Extensions/Data.js

@@ -590,9 +590,6 @@ var Data = /** @class */ (function () {
      *
      * @private
      * @function Highcharts.Data#init
-     * @param {Highcharts.DataOptions} options
-     * @param {Highcharts.Options} [chartOptions]
-     * @param {Highcharts.Chart} [chart]
      */
     Data.prototype.init = function (options, chartOptions, chart) {
         var decimalPoint = options.decimalPoint, hasData;
@@ -758,10 +755,6 @@ var Data = /** @class */ (function () {
      * Parse a CSV input string
      *
      * @function Highcharts.Data#parseCSV
-     *
-     * @param {Highcharts.DataOptions} [inOptions]
-     *
-     * @return {Array<Array<Highcharts.DataValueType>>}
      */
     Data.prototype.parseCSV = function (inOptions) {
         var self = this, options = inOptions || this.options, csv = options.csv, columns, startRow = (typeof options.startRow !== 'undefined' && options.startRow ?
@@ -1184,8 +1177,6 @@ var Data = /** @class */ (function () {
      * Parse a HTML table
      *
      * @function Highcharts.Data#parseTable
-     *
-     * @return {Array<Array<Highcharts.DataValueType>>}
      */
     Data.prototype.parseTable = function () {
         var options = this.options, table = options.table, columns = this.columns || [], startRow = options.startRow || 0, endRow = options.endRow || Number.MAX_VALUE, startColumn = options.startColumn || 0, endColumn = options.endColumn || Number.MAX_VALUE;
@@ -1561,10 +1552,6 @@ var Data = /** @class */ (function () {
      * `options.parseDate`.
      *
      * @function Highcharts.Data#parseDate
-     *
-     * @param {string} val
-     *
-     * @return {number}
      */
     Data.prototype.parseDate = function (val) {
         var parseDate = this.options.parseDate;
@@ -1628,10 +1615,6 @@ var Data = /** @class */ (function () {
      * Reorganize rows into columns.
      *
      * @function Highcharts.Data#rowsToColumns
-     *
-     * @param {Array<Array<Highcharts.DataValueType>>} rows
-     *
-     * @return {Array<Array<Highcharts.DataValueType>>|undefined}
      */
     Data.prototype.rowsToColumns = function (rows) {
         var row, rowsLength, col, colsLength, columns;
@@ -1673,8 +1656,6 @@ var Data = /** @class */ (function () {
      * A hook for working directly on the parsed columns
      *
      * @function Highcharts.Data#parsed
-     *
-     * @return {boolean|undefined}
      */
     Data.prototype.parsed = function () {
         if (this.options.parsed) {
@@ -1719,7 +1700,10 @@ var Data = /** @class */ (function () {
             // Get the names and shift the top row
             if (this.firstRowAsNames) {
                 for (i = 0; i < columns.length; i++) {
-                    columns[i].name = columns[i].shift();
+                    var curCol = columns[i];
+                    if (!defined(curCol.name)) {
+                        curCol.name = pick(curCol.shift(), '').toString();
+                    }
                 }
             }
             // Use the next columns for series
@@ -1862,14 +1846,6 @@ var Data = /** @class */ (function () {
  * Creates a data object to parse data for a chart.
  *
  * @function Highcharts.data
- *
- * @param {Highcharts.DataOptions} dataOptions
- *
- * @param {Highcharts.Options} [chartOptions]
- *
- * @param {Highcharts.Chart} [chart]
- *
- * @return {Highcharts.Data}
  */
 G.data = function (dataOptions, chartOptions, chart) {
     return new G.Data(dataOptions, chartOptions, chart);
@@ -1944,10 +1920,6 @@ var SeriesBuilder = /** @class */ (function () {
      * from the free columns (this is handled by the ColumnCursor instance).
      *
      * @function SeriesBuilder#populateColumns
-     *
-     * @param {Array<number>} freeIndexes
-     *
-     * @returns {boolean}
      */
     SeriesBuilder.prototype.populateColumns = function (freeIndexes) {
         var builder = this, enoughColumns = true;
@@ -1974,12 +1946,6 @@ var SeriesBuilder = /** @class */ (function () {
      * on the names of the readers.
      *
      * @function SeriesBuilder#read<T>
-     *
-     * @param {Array<Array<T>>} columns
-     *
-     * @param {number} rowIndex
-     *
-     * @returns {Array<T>|Highcharts.Dictionary<T>}
      */
     SeriesBuilder.prototype.read = function (columns, rowIndex) {
         var builder = this, pointIsArray = builder.pointIsArray, point = pointIsArray ? [] : {}, columnIndexes;
@@ -2022,10 +1988,6 @@ var SeriesBuilder = /** @class */ (function () {
      * an index when columns are populated.
      *
      * @function SeriesBuilder#addColumnReader
-     *
-     * @param {number} columnIndex
-     *
-     * @param {string} configName
      */
     SeriesBuilder.prototype.addColumnReader = function (columnIndex, configName) {
         this.readers.push({
@@ -2043,8 +2005,6 @@ var SeriesBuilder = /** @class */ (function () {
      * reading data.
      *
      * @function SeriesBuilder#getReferencedColumnIndexes
-     *
-     * @returns {Array<number>}
      */
     SeriesBuilder.prototype.getReferencedColumnIndexes = function () {
         var i, referencedColumnIndexes = [], columnReader;
@@ -2060,10 +2020,6 @@ var SeriesBuilder = /** @class */ (function () {
      * Returns true if the builder has a reader for the given configName.
      *
      * @function SeriesBuider#hasReader
-     *
-     * @param {string} configName
-     *
-     * @returns {boolean|undefined}
      */
     SeriesBuilder.prototype.hasReader = function (configName) {
         var i, columnReader;

package/es-modules/Extensions/DataGrouping.js

@@ -120,8 +120,18 @@ var approximations = H.approximations = {
             arr[arr.length - 1] :
             (arr.hasNulls ? null : void 0);
     },
-    // ohlc and range are special cases where a multidimensional array is
-    // input and an array is output
+    // HLC, OHLC and range are special cases where a multidimensional array is
+    // input and an array is output.
+    hlc: function (high, low, close) {
+        high = approximations.high(high);
+        low = approximations.low(low);
+        close = approximations.close(close);
+        if (isNumber(high) ||
+            isNumber(low) ||
+            isNumber(close)) {
+            return [high, low, close];
+        }
+    },
     ohlc: function (open, high, low, close) {
         open = approximations.open(open);
         high = approximations.high(high);
@@ -133,7 +143,6 @@ var approximations = H.approximations = {
             isNumber(close)) {
             return [open, high, low, close];
         }
-        // else, return is undefined
     },
     range: function (low, high) {
         low = approximations.low(low);
@@ -147,16 +156,16 @@ var approximations = H.approximations = {
         // else, return is undefined
     }
 };
-var applyGrouping = function () {
+var applyGrouping = function (hasExtemesChanged) {
     var series = this, chart = series.chart, options = series.options, dataGroupingOptions = options.dataGrouping, groupingEnabled = series.allowDG !== false && dataGroupingOptions &&
         pick(dataGroupingOptions.enabled, chart.options.isStock), visible = (series.visible || !chart.options.chart.ignoreHiddenSeries), hasGroupedData, skip, lastDataGrouping = this.currentDataGrouping, currentDataGrouping, croppedData, revertRequireSorting = false;
     // Data needs to be sorted for dataGrouping
     if (groupingEnabled && !series.requireSorting) {
         series.requireSorting = revertRequireSorting = true;
     }
-    // Skip if processData returns false or if grouping is disabled (in that
-    // order)
-    skip = skipDataGrouping(series) || !groupingEnabled;
+    // Skip if skipDataGrouping method returns false or if grouping is disabled
+    // (in that order).
+    skip = skipDataGrouping(series, hasExtemesChanged) === false || !groupingEnabled;
     // Revert original requireSorting value if changed
     if (revertRequireSorting) {
         series.requireSorting = false;
@@ -189,13 +198,17 @@ var applyGrouping = function () {
                 groupPositions,
                 dataGroupingOptions.approximation
             ]), groupedXData = groupedData.groupedXData, groupedYData = groupedData.groupedYData, gapSize = 0;
-            // The smoothed option is deprecated, instead,
-            // there is a fallback to the new anchoring mechanism. #12455.
-            if (dataGroupingOptions && dataGroupingOptions.smoothed && groupedXData.length) {
+            // The smoothed option is deprecated, instead, there is a fallback
+            // to the new anchoring mechanism. #12455.
+            if (dataGroupingOptions &&
+                dataGroupingOptions.smoothed &&
+                groupedXData.length) {
                 dataGroupingOptions.firstAnchor = 'firstPoint';
                 dataGroupingOptions.anchor = 'middle';
                 dataGroupingOptions.lastAnchor = 'lastPoint';
-                error(32, false, chart, { 'dataGrouping.smoothed': 'use dataGrouping.anchor' });
+                error(32, false, chart, {
+                    'dataGrouping.smoothed': 'use dataGrouping.anchor'
+                });
             }
             anchorPoints(series, groupedXData, xMax);
             // Record what data grouping values were used
@@ -242,19 +255,19 @@ var applyGrouping = function () {
                 (currentDataGrouping && currentDataGrouping.totalRange);
     }
 };
-var skipDataGrouping = function (series) {
-    if (series.isCartesian &&
+var skipDataGrouping = function (series, force) {
+    return !(series.isCartesian &&
         !series.isDirty &&
         !series.xAxis.isDirty &&
-        !series.yAxis.isDirty) {
-        return false;
-    }
+        !series.yAxis.isDirty &&
+        !force);
 };
 var groupData = function (xData, yData, groupPositions, approximation) {
     var series = this, data = series.data, dataOptions = series.options && series.options.data, groupedXData = [], groupedYData = [], groupMap = [], dataLength = xData.length, pointX, pointY, groupedY, 
     // when grouping the fake extended axis for panning,
     // we don't need to consider y
-    handleYData = !!yData, values = [], approximationFn, pointArrayMap = series.pointArrayMap, pointArrayMapLength = pointArrayMap && pointArrayMap.length, extendedPointArrayMap = ['x'].concat(pointArrayMap || ['y']), groupAll = this.options.dataGrouping && this.options.dataGrouping.groupAll, pos = 0, start = 0, valuesLen, i, j;
+    handleYData = !!yData, values = [], approximationFn, pointArrayMap = series.pointArrayMap, pointArrayMapLength = pointArrayMap && pointArrayMap.length, extendedPointArrayMap = ['x'].concat(pointArrayMap || ['y']), groupAll = (this.options.dataGrouping &&
+        this.options.dataGrouping.groupAll), pos = 0, start = 0, valuesLen, i, j;
     /**
      * @private
      */
@@ -372,15 +385,15 @@ var groupData = function (xData, yData, groupPositions, approximation) {
     };
 };
 var anchorPoints = function (series, groupedXData, xMax) {
-    var options = series.options, dataGroupingOptions = options.dataGrouping, totalRange = series.currentDataGrouping && series.currentDataGrouping.gapSize;
+    var options = series.options, dataGroupingOptions = options.dataGrouping, totalRange = (series.currentDataGrouping && series.currentDataGrouping.gapSize);
     var i;
     // DataGrouping x-coordinates.
     if (dataGroupingOptions && series.xData && totalRange && series.groupMap) {
         var groupedDataLength = groupedXData.length - 1, anchor = dataGroupingOptions.anchor, firstAnchor = pick(dataGroupingOptions.firstAnchor, anchor), lastAnchor = pick(dataGroupingOptions.lastAnchor, anchor);
         // Anchor points that are not extremes.
         if (anchor && anchor !== 'start') {
-            var shiftInterval = totalRange *
-                { middle: 0.5, end: 1 }[anchor];
+            var shiftInterval = (totalRange *
+                { middle: 0.5, end: 1 }[anchor]);
             i = groupedXData.length - 1;
             while (i-- && i > 0) {
                 groupedXData[i] += shiftInterval;
@@ -523,7 +536,10 @@ commonOptions = {
     ohlc: {
         groupPixelWidth: 5
     },
-    // Move to HeikinAshiSeries.ts aftre refactoring data grouping.
+    hlc: {
+        groupPixelWidth: 5
+        // Move to HeikinAshiSeries.ts aftre refactoring data grouping.
+    },
     heikinashi: {
         groupPixelWidth: 10
     }
@@ -566,6 +582,9 @@ seriesProto.getDGApproximation = function () {
     if (this.is('ohlc')) {
         return 'ohlc';
     }
+    if (this.is('hlc')) {
+        return 'hlc';
+    }
     if (this.is('column')) {
         return 'sum';
     }
@@ -631,18 +650,19 @@ seriesProto.generatePoints = function () {
  *
  * @function Highcharts.Axis#applyGrouping
  */
-Axis.prototype.applyGrouping = function () {
+Axis.prototype.applyGrouping = function (e) {
     var axis = this, series = axis.series;
     series.forEach(function (series) {
         // Reset the groupPixelWidth, then calculate if needed.
         series.groupPixelWidth = void 0; // #2110
-        series.groupPixelWidth = axis.getGroupPixelWidth && axis.getGroupPixelWidth();
+        series.groupPixelWidth = (axis.getGroupPixelWidth &&
+            axis.getGroupPixelWidth());
         if (series.groupPixelWidth) {
             series.hasProcessed = true; // #2692
         }
         // Fire independing on series.groupPixelWidth to always set a proper
         // dataGrouping state, (#16238)
-        series.applyGrouping();
+        series.applyGrouping(!!e.hasExtemesChanged);
     });
 };
 // Get the data grouping pixel width based on the greatest defined individual
@@ -669,8 +689,8 @@ Axis.prototype.getGroupPixelWidth = function () {
             // Execute grouping if the amount of points is greater than the
             // limit defined in groupPixelWidth
             if (series[i].groupPixelWidth ||
-                dataLength >
-                    (this.chart.plotSizeX / groupPixelWidth) ||
+                (dataLength >
+                    (this.chart.plotSizeX / groupPixelWidth)) ||
                 (dataLength && dgOptions.forced)) {
                 doGrouping = true;
             }
@@ -793,10 +813,10 @@ addEvent(Series, 'destroy', seriesProto.destroyGroupedData);
 // some series types are defined after this.
 addEvent(Series, 'afterSetOptions', function (e) {
     var options = e.options, type = this.type, plotOptions = this.chart.options.plotOptions, defaultOptions = D.defaultOptions.plotOptions[type].dataGrouping, 
-    // External series, for example technical indicators should also
-    // inherit commonOptions which are not available outside this module
-    baseOptions = this.useCommonDataGrouping && commonOptions;
-    if (specificOptions[type] || baseOptions) { // #1284
+    // External series, for example technical indicators should also inherit
+    // commonOptions which are not available outside this module
+    baseOptions = (this.useCommonDataGrouping && commonOptions);
+    if (plotOptions && (specificOptions[type] || baseOptions)) { // #1284
         if (!defaultOptions) {
             defaultOptions = merge(commonOptions, specificOptions[type]);
         }
@@ -891,7 +911,7 @@ export default dataGrouping;
  * from the raw data.
  *
  * Defaults to `average` for line-type series, `sum` for columns, `range`
- * for range series and `ohlc` for OHLC and candlestick.
+ * for range series, `hlc` for HLC, and `ohlc` for OHLC and candlestick.
  *
  * @sample {highstock} stock/plotoptions/series-datagrouping-approximation
  *         Approximation callback with custom data
@@ -930,7 +950,7 @@ export default dataGrouping;
  * to two weeks, the second and third item of the week array are used,
  *  and applied to the start and end date of the time span.
  *
- * @type      {object}
+ * @type      {Object}
  * @apioption plotOptions.series.dataGrouping.dateTimeLabelFormats
  */
 /**

package/es-modules/Extensions/DownloadURL.js

@@ -99,8 +99,8 @@ var downloadURL = Highcharts.downloadURL = function (dataURL, filename) {
         }
     }
 };
-var exports = {
+var DownloadURL = {
     dataURLtoBlob: dataURLtoBlob,
     downloadURL: downloadURL
 };
-export default exports;
+export default DownloadURL;

package/es-modules/Extensions/DragPanes.js

@@ -16,7 +16,6 @@ import H from '../Core/Globals.js';
 var hasTouch = H.hasTouch;
 import Axis from '../Core/Axis/Axis.js';
 import AxisDefaults from '../Core/Axis/AxisDefaults.js';
-import palette from '../Core/Color/Palette.js';
 import Pointer from '../Core/Pointer.js';
 import U from '../Core/Utilities.js';
 var addEvent = U.addEvent, clamp = U.clamp, isNumber = U.isNumber, merge = U.merge, objectEach = U.objectEach, relativeLength = U.relativeLength, wrap = U.wrap;
@@ -412,7 +411,7 @@ var AxisResizer = /** @class */ (function () {
              * @type     {Highcharts.ColorString}
              * @requires modules/drag-panes
              */
-            lineColor: palette.neutralColor20,
+            lineColor: "#cccccc" /* neutralColor20 */,
             /**
              * Dash style of the control line.
              *

package/es-modules/Extensions/DraggablePoints.js

@@ -242,7 +242,7 @@ if (seriesTypes.columnrange) {
             resize: true,
             resizeSide: 'bottom',
             handlePositioner: function (point) {
-                var bBox = point.shapeArgs || point.graphic.getBBox();
+                var bBox = (point.shapeArgs || point.graphic.getBBox());
                 return {
                     x: bBox.x || 0,
                     y: (bBox.y || 0) + (bBox.height || 0)
@@ -268,7 +268,7 @@ if (seriesTypes.columnrange) {
             resize: true,
             resizeSide: 'top',
             handlePositioner: function (point) {
-                var bBox = point.shapeArgs || point.graphic.getBBox();
+                var bBox = (point.shapeArgs || point.graphic.getBBox());
                 return {
                     x: bBox.x || 0,
                     y: bBox.y || 0
@@ -710,7 +710,6 @@ if (seriesTypes.xrange) {
  * @private
  * @param {string} type
  *        Unsupported series type
- * @return {void}
  */
 function (type) {
     if (seriesTypes[type]) {
@@ -1218,7 +1217,7 @@ function hasDraggedPastSensitivity(e, chart, sensitivity) {
  * @param {Highcharts.SVGElement} [guideBox]
  *        The guide box to take snapshot of.
  *
- * @return {object}
+ * @return {Object}
  *         Snapshot object. Point properties are placed in a hashmap with IDs as
  *         keys.
  */
@@ -1366,7 +1365,7 @@ function initDragDrop(e, point) {
  * @private
  * @function getNewPoints
  *
- * @param {object} dragDropData
+ * @param {Object} dragDropData
  *        A chart's dragDropData with drag/drop origin information, and info on
  *        which points are being dragged.
  *
@@ -1545,7 +1544,7 @@ Chart.prototype.setGuideBoxState = function (state, options) {
  * @private
  * @function Highcharts.Point#getDropValues
  *
- * @param {object} origin
+ * @param {Object} origin
  *        Mouse position (chartX/Y) and point props at current data values.
  *        Point props should be organized per point.id in a hashmap.
  *
@@ -1630,7 +1629,7 @@ Series.prototype.getGuideBox = function (points) {
     var chart = this.chart, minX = Infinity, maxX = -Infinity, minY = Infinity, maxY = -Infinity, changed;
     // Find bounding box of all points
     points.forEach(function (point) {
-        var bBox = point.graphic && point.graphic.getBBox() || point.shapeArgs;
+        var bBox = (point.graphic && point.graphic.getBBox() || point.shapeArgs);
         if (bBox) {
             var plotX2 = void 0;
             var x2 = point.x2;
@@ -1815,7 +1814,7 @@ Chart.prototype.hideDragHandles = function () {
  * @private
  * @function countProps
  *
- * @param {object} obj
+ * @param {Object} obj
  *        The object to count.
  *
  * @return {number}

package/es-modules/Extensions/Drilldown.js

@@ -22,7 +22,6 @@ import H from '../Core/Globals.js';
 var noop = H.noop;
 import D from '../Core/DefaultOptions.js';
 var defaultOptions = D.defaultOptions;
-import palette from '../Core/Color/Palette.js';
 import Point from '../Core/Series/Point.js';
 import Series from '../Core/Series/Series.js';
 import SeriesRegistry from '../Core/Series/SeriesRegistry.js';
@@ -226,7 +225,7 @@ defaultOptions.drilldown = {
         /** @ignore-option */
         cursor: 'pointer',
         /** @ignore-option */
-        color: palette.highlightColor100,
+        color: "#003399" /* highlightColor100 */,
         /** @ignore-option */
         fontWeight: 'bold',
         /** @ignore-option */
@@ -250,7 +249,7 @@ defaultOptions.drilldown = {
      */
     activeDataLabelStyle: {
         cursor: 'pointer',
-        color: palette.highlightColor100,
+        color: "#003399" /* highlightColor100 */,
         fontWeight: 'bold',
         textDecoration: 'underline'
     },
@@ -319,7 +318,7 @@ defaultOptions.drilldown = {
          * @sample {highmaps} highcharts/drilldown/drillupbutton/
          *         Button theming
          *
-         * @type      {object}
+         * @type      {Object}
          * @since     3.0.8
          * @product   highcharts highmaps
          * @apioption drilldown.drillUpButton.theme
@@ -726,8 +725,13 @@ addEvent(Chart, 'afterInit', function () {
 });
 // Shift the drillUpButton to make the space for resetZoomButton, #8095.
 addEvent(Chart, 'afterShowResetZoom', function () {
-    var chart = this, bbox = chart.resetZoomButton && chart.resetZoomButton.getBBox(), buttonOptions = chart.options.drilldown && chart.options.drilldown.drillUpButton;
-    if (this.drillUpButton && bbox && buttonOptions && buttonOptions.position && buttonOptions.position.x) {
+    var chart = this, bbox = chart.resetZoomButton && chart.resetZoomButton.getBBox(), buttonOptions = (chart.options.drilldown &&
+        chart.options.drilldown.drillUpButton);
+    if (this.drillUpButton &&
+        bbox &&
+        buttonOptions &&
+        buttonOptions.position &&
+        buttonOptions.position.x) {
         this.drillUpButton.align({
             x: buttonOptions.position.x - bbox.width - 10,
             y: buttonOptions.position.y,
@@ -1149,7 +1153,7 @@ addEvent(Point, 'afterSetState', function () {
 // After zooming out, shift the drillUpButton to the previous position, #8095.
 addEvent(Chart, 'selection', function (event) {
     if (event.resetSelection === true && this.drillUpButton) {
-        var buttonOptions = this.options.drilldown && this.options.drilldown.drillUpButton;
+        var buttonOptions = (this.options.drilldown && this.options.drilldown.drillUpButton);
         if (buttonOptions && buttonOptions.position) {
             this.drillUpButton.align({
                 x: buttonOptions.position.x,

package/es-modules/Extensions/ExportData.js

@@ -338,7 +338,7 @@ Chart.prototype.setUpKeyToAxis = function () {
  * @return {Array<Array<(number|string)>>}
  *         The current chart data
  *
- * @fires Highcharts.Chart#event:exportData
+ * @emits Highcharts.Chart#event:exportData
  */
 Chart.prototype.getDataRows = function (multiLevelHeaders) {
     var hasParallelCoords = this.hasParallelCoordinates, time = this.time, csvOptions = ((this.options.exporting && this.options.exporting.csv) || {}), xAxis, xAxes = this.xAxis, rows = {}, rowArr = [], dataRows, topLevelColumnTitles = [], columnTitles = [], columnTitleObj, i, x, xTitle, langOptions = this.options.lang, exportDataOptions = langOptions.exportData, categoryHeader = exportDataOptions.categoryHeader, categoryDatetimeHeader = exportDataOptions.categoryDatetimeHeader, 
@@ -397,7 +397,8 @@ Chart.prototype.getDataRows = function (multiLevelHeaders) {
             !xAxis.categories &&
             !series.keyToAxis) {
             if (series.pointArrayMap) {
-                var pointArrayMapCheck = series.pointArrayMap.filter(function (p) { return p === 'x'; });
+                var pointArrayMapCheck = series.pointArrayMap
+                    .filter(function (p) { return p === 'x'; });
                 if (pointArrayMapCheck.length) {
                     series.pointArrayMap.unshift('x');
                     return series.pointArrayMap;
@@ -613,7 +614,7 @@ Chart.prototype.getCSV = function (useLocalDecimalPoint) {
  * @return {string}
  *         HTML representation of the data.
  *
- * @fires Highcharts.Chart#event:afterGetTable
+ * @emits Highcharts.Chart#event:afterGetTable
  */
 Chart.prototype.getTable = function (useLocalDecimalPoint) {
     var serialize = function (node) {
@@ -905,7 +906,7 @@ Chart.prototype.downloadXLS = function () {
  *
  * @function Highcharts.Chart#viewData
  *
- * @fires Highcharts.Chart#event:afterViewData
+ * @emits Highcharts.Chart#event:afterViewData
  */
 Chart.prototype.viewData = function () {
     this.toggleDataTable(true);
@@ -932,7 +933,7 @@ Chart.prototype.toggleDataTable = function (show) {
         this.dataTableDiv.style.display = show ? 'block' : 'none';
         // Generate the data table
         if (show) {
-            this.dataTableDiv.innerHTML = '';
+            this.dataTableDiv.innerHTML = AST.emptyHTML;
             var ast = new AST([this.getTableAST()]);
             ast.addToDOM(this.dataTableDiv);
             fireEvent(this, 'afterViewData', this.dataTableDiv);