blazer 2.6.5 → 3.0.1

data/app/assets/javascripts/blazer/chartkick.js

@@ -1,16 +1,15 @@
-/*
- * Chartkick.js
+/*!
+ * Chartkick.js v5.0.1
  * Create beautiful charts with one line of JavaScript
  * https://github.com/ankane/chartkick.js
- * v3.2.1
  * MIT License
  */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
   typeof define === 'function' && define.amd ? define(factory) :
-  (global = global || self, global.Chartkick = factory());
-}(this, (function () { 'use strict';
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.Chartkick = factory());
+})(this, (function () { 'use strict';
 
   function isArray(variable) {
     return Object.prototype.toString.call(variable) === "[object Array]";
@@ -27,8 +26,7 @@
 
   // https://github.com/madrobby/zepto/blob/master/src/zepto.js
   function extend(target, source) {
-    var key;
-    for (key in source) {
+    for (var key in source) {
       // protect against prototype pollution, defense 1
       if (key === "__proto__") { continue; }
 
@@ -53,49 +51,12 @@
     return target;
   }
 
-  var DATE_PATTERN = /^(\d\d\d\d)(-)?(\d\d)(-)?(\d\d)$/i;
-
-  // https://github.com/Do/iso8601.js
-  var ISO8601_PATTERN = /(\d\d\d\d)(-)?(\d\d)(-)?(\d\d)(T)?(\d\d)(:)?(\d\d)?(:)?(\d\d)?([.,]\d+)?($|Z|([+-])(\d\d)(:)?(\d\d)?)/i;
-  var DECIMAL_SEPARATOR = String(1.5).charAt(1);
-
-  function parseISO8601(input) {
-    var day, hour, matches, milliseconds, minutes, month, offset, result, seconds, type, year;
-    type = Object.prototype.toString.call(input);
-    if (type === "[object Date]") {
-      return input;
-    }
-    if (type !== "[object String]") {
-      return;
-    }
-    matches = input.match(ISO8601_PATTERN);
-    if (matches) {
-      year = parseInt(matches[1], 10);
-      month = parseInt(matches[3], 10) - 1;
-      day = parseInt(matches[5], 10);
-      hour = parseInt(matches[7], 10);
-      minutes = matches[9] ? parseInt(matches[9], 10) : 0;
-      seconds = matches[11] ? parseInt(matches[11], 10) : 0;
-      milliseconds = matches[12] ? parseFloat(DECIMAL_SEPARATOR + matches[12].slice(1)) * 1000 : 0;
-      result = Date.UTC(year, month, day, hour, minutes, seconds, milliseconds);
-      if (matches[13] && matches[14]) {
-        offset = matches[15] * 60;
-        if (matches[17]) {
-          offset += parseInt(matches[17], 10);
-        }
-        offset *= matches[14] === "-" ? -1 : 1;
-        result -= offset * 60 * 1000;
-      }
-      return new Date(result);
-    }
-  }
-  // end iso8601.js
+  var DATE_PATTERN = /^(\d\d\d\d)(?:-)?(\d\d)(?:-)?(\d\d)$/i;
 
   function negativeValues(series) {
-    var i, j, data;
-    for (i = 0; i < series.length; i++) {
-      data = series[i].data;
-      for (j = 0; j < data.length; j++) {
+    for (var i = 0; i < series.length; i++) {
+      var data = series[i].data;
+      for (var j = 0; j < data.length; j++) {
         if (data[j][1] < 0) {
           return true;
         }
@@ -104,48 +65,49 @@
     return false;
   }
 
-  function toStr(n) {
-    return "" + n;
+  function toStr(obj) {
+    return "" + obj;
   }
 
-  function toFloat(n) {
-    return parseFloat(n);
+  function toFloat(obj) {
+    return parseFloat(obj);
   }
 
-  function toDate(n) {
-    var matches, year, month, day;
-    if (typeof n !== "object") {
-      if (typeof n === "number") {
-        n = new Date(n * 1000); // ms
-      } else {
-        n = toStr(n);
-        if ((matches = n.match(DATE_PATTERN))) {
-        year = parseInt(matches[1], 10);
-        month = parseInt(matches[3], 10) - 1;
-        day = parseInt(matches[5], 10);
+  function toDate(obj) {
+    if (obj instanceof Date) {
+      return obj;
+    } else if (typeof obj === "number") {
+      return new Date(obj * 1000); // ms
+    } else {
+      var s = toStr(obj);
+      var matches = s.match(DATE_PATTERN);
+      if (matches) {
+        var year = parseInt(matches[1], 10);
+        var month = parseInt(matches[2], 10) - 1;
+        var day = parseInt(matches[3], 10);
         return new Date(year, month, day);
-        } else { // str
-          // try our best to get the str into iso8601
-          // TODO be smarter about this
-          var str = n.replace(/ /, "T").replace(" ", "").replace("UTC", "Z");
-          n = parseISO8601(str) || new Date(n);
-        }
+      } else {
+        // try our best to get the str into iso8601
+        // TODO be smarter about this
+        var str = s.replace(/ /, "T").replace(" ", "").replace("UTC", "Z");
+        // Date.parse returns milliseconds if valid and NaN if invalid
+        return new Date(Date.parse(str) || s);
       }
     }
-    return n;
   }
 
-  function toArr(n) {
-    if (!isArray(n)) {
-      var arr = [], i;
-      for (i in n) {
-        if (n.hasOwnProperty(i)) {
-          arr.push([i, n[i]]);
+  function toArr(obj) {
+    if (isArray(obj)) {
+      return obj;
+    } else {
+      var arr = [];
+      for (var i in obj) {
+        if (Object.prototype.hasOwnProperty.call(obj, i)) {
+          arr.push([i, obj[i]]);
         }
       }
-      n = arr;
+      return arr;
     }
-    return n;
   }
 
   function jsOptionsFunc(defaultOptions, hideLegend, setTitle, setMin, setMax, setStacked, setXtitle, setYtitle) {
@@ -154,8 +116,8 @@
       var options = merge({}, defaultOptions);
       options = merge(options, chartOptions || {});
 
-      if (chart.hideLegend || "legend" in opts) {
-        hideLegend(options, opts.legend, chart.hideLegend);
+      if (chart.singleSeriesFormat || "legend" in opts) {
+        hideLegend(options, opts.legend, chart.singleSeriesFormat);
       }
 
       if (opts.title) {
@@ -205,32 +167,63 @@
     return a[0] - b[0];
   }
 
+  // needed since sort() without arguments does string comparison
   function sortByNumber(a, b) {
     return a - b;
   }
 
-  function isMinute(d) {
-    return d.getMilliseconds() === 0 && d.getSeconds() === 0;
+  function every(values, fn) {
+    for (var i = 0; i < values.length; i++) {
+      if (!fn(values[i])) {
+        return false;
+      }
+    }
+    return true;
   }
 
-  function isHour(d) {
-    return isMinute(d) && d.getMinutes() === 0;
+  function isDay(timeUnit) {
+    return timeUnit === "day" || timeUnit === "week" || timeUnit === "month" || timeUnit === "year";
   }
 
-  function isDay(d) {
-    return isHour(d) && d.getHours() === 0;
-  }
+  function calculateTimeUnit(values, maxDay) {
+    if ( maxDay === void 0 ) maxDay = false;
 
-  function isWeek(d, dayOfWeek) {
-    return isDay(d) && d.getDay() === dayOfWeek;
-  }
+    if (values.length === 0) {
+      return null;
+    }
 
-  function isMonth(d) {
-    return isDay(d) && d.getDate() === 1;
-  }
+    var minute = every(values, function (d) { return d.getMilliseconds() === 0 && d.getSeconds() === 0; });
+    if (!minute) {
+      return null;
+    }
+
+    var hour = every(values, function (d) { return d.getMinutes() === 0; });
+    if (!hour) {
+      return "minute";
+    }
+
+    var day = every(values, function (d) { return d.getHours() === 0; });
+    if (!day) {
+      return "hour";
+    }
+
+    if (maxDay) {
+      return "day";
+    }
+
+    var month = every(values, function (d) { return d.getDate() === 1; });
+    if (!month) {
+      var dayOfWeek = values[0].getDay();
+      var week = every(values, function (d) { return d.getDay() === dayOfWeek; });
+      return (week ? "week" : "day");
+    }
+
+    var year = every(values, function (d) { return d.getMonth() === 0; });
+    if (!year) {
+      return "month";
+    }
 
-  function isYear(d) {
-    return isMonth(d) && d.getMonth() === 0;
+    return "year";
   }
 
   function isDate(obj) {
@@ -258,9 +251,14 @@
     var round = options.round;
 
     if (options.byteScale) {
-      var suffixIdx;
+      var positive = value >= 0;
+      if (!positive) {
+        value *= -1;
+      }
+
       var baseValue = axis ? options.byteScale : value;
 
+      var suffixIdx;
       if (baseValue >= 1152921504606846976) {
         value /= 1152921504606846976;
         suffixIdx = 6;
@@ -294,6 +292,11 @@
         precision = value >= 1000 ? 4 : 3;
       }
       suffix = " " + byteSuffixes[suffixIdx];
+
+      // flip value back
+      if (!positive) {
+        value *= -1;
+      }
     }
 
     if (precision !== undefined && round !== undefined) {
@@ -345,58 +348,52 @@
     return null;
   }
 
-  function allZeros(data) {
-    var i, j, d;
-    for (i = 0; i < data.length; i++) {
-      d = data[i].data;
-      for (j = 0; j < d.length; j++) {
-        if (d[j][1] != 0) {
-          return false;
-        }
-      }
-    }
-    return true;
-  }
-
   var baseOptions = {
     maintainAspectRatio: false,
     animation: false,
-    tooltips: {
-      displayColors: false,
-      callbacks: {}
+    plugins: {
+      legend: {},
+      tooltip: {
+        displayColors: false,
+        callbacks: {}
+      },
+      title: {
+        font: {
+          size: 20
+        },
+        color: "#333"
+      }
     },
-    legend: {},
-    title: {fontSize: 20, fontColor: "#333"}
+    interaction: {}
   };
 
-  var defaultOptions = {
+  var defaultOptions$2 = {
     scales: {
-      yAxes: [
-        {
-          ticks: {
-            maxTicksLimit: 4
-          },
-          scaleLabel: {
-            fontSize: 16,
-            // fontStyle: "bold",
-            fontColor: "#333"
-          }
-        }
-      ],
-      xAxes: [
-        {
-          gridLines: {
-            drawOnChartArea: false
+      y: {
+        ticks: {
+          maxTicksLimit: 4
+        },
+        title: {
+          font: {
+            size: 16
           },
-          scaleLabel: {
-            fontSize: 16,
-            // fontStyle: "bold",
-            fontColor: "#333"
+          color: "#333"
+        },
+        grid: {}
+      },
+      x: {
+        grid: {
+          drawOnChartArea: false
+        },
+        title: {
+          font: {
+            size: 16
           },
-          time: {},
-          ticks: {}
-        }
-      ]
+          color: "#333"
+        },
+        time: {},
+        ticks: {}
+      }
     }
   };
 
@@ -407,79 +404,77 @@
     "#6633CC", "#E67300", "#8B0707", "#329262", "#5574A6", "#651067"
   ];
 
-  var hideLegend = function (options, legend, hideLegend) {
+  function hideLegend$2(options, legend, hideLegend) {
     if (legend !== undefined) {
-      options.legend.display = !!legend;
+      options.plugins.legend.display = !!legend;
       if (legend && legend !== true) {
-        options.legend.position = legend;
+        options.plugins.legend.position = legend;
       }
     } else if (hideLegend) {
-      options.legend.display = false;
+      options.plugins.legend.display = false;
     }
-  };
+  }
 
-  var setTitle = function (options, title) {
-    options.title.display = true;
-    options.title.text = title;
-  };
+  function setTitle$2(options, title) {
+    options.plugins.title.display = true;
+    options.plugins.title.text = title;
+  }
 
-  var setMin = function (options, min) {
+  function setMin$2(options, min) {
     if (min !== null) {
-      options.scales.yAxes[0].ticks.min = toFloat(min);
+      options.scales.y.min = toFloat(min);
     }
-  };
+  }
 
-  var setMax = function (options, max) {
-    options.scales.yAxes[0].ticks.max = toFloat(max);
-  };
+  function setMax$2(options, max) {
+    options.scales.y.max = toFloat(max);
+  }
 
-  var setBarMin = function (options, min) {
+  function setBarMin$1(options, min) {
     if (min !== null) {
-      options.scales.xAxes[0].ticks.min = toFloat(min);
+      options.scales.x.min = toFloat(min);
     }
-  };
+  }
 
-  var setBarMax = function (options, max) {
-    options.scales.xAxes[0].ticks.max = toFloat(max);
-  };
+  function setBarMax$1(options, max) {
+    options.scales.x.max = toFloat(max);
+  }
 
-  var setStacked = function (options, stacked) {
-    options.scales.xAxes[0].stacked = !!stacked;
-    options.scales.yAxes[0].stacked = !!stacked;
-  };
+  function setStacked$2(options, stacked) {
+    options.scales.x.stacked = !!stacked;
+    options.scales.y.stacked = !!stacked;
+  }
 
-  var setXtitle = function (options, title) {
-    options.scales.xAxes[0].scaleLabel.display = true;
-    options.scales.xAxes[0].scaleLabel.labelString = title;
-  };
+  function setXtitle$2(options, title) {
+    options.scales.x.title.display = true;
+    options.scales.x.title.text = title;
+  }
 
-  var setYtitle = function (options, title) {
-    options.scales.yAxes[0].scaleLabel.display = true;
-    options.scales.yAxes[0].scaleLabel.labelString = title;
-  };
+  function setYtitle$2(options, title) {
+    options.scales.y.title.display = true;
+    options.scales.y.title.text = title;
+  }
 
   // https://stackoverflow.com/questions/5623838/rgb-to-hex-and-hex-to-rgb
-  var addOpacity = function(hex, opacity) {
+  function addOpacity(hex, opacity) {
     var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
     return result ? "rgba(" + parseInt(result[1], 16) + ", " + parseInt(result[2], 16) + ", " + parseInt(result[3], 16) + ", " + opacity + ")" : hex;
-  };
+  }
 
-  // check if not null or undefined
-  // https://stackoverflow.com/a/27757708/1177228
-  var notnull = function(x) {
-    return x != null;
-  };
+  function notnull(x) {
+    return x !== null && x !== undefined;
+  }
 
-  var setLabelSize = function (chart, data, options) {
+  function setLabelSize(chart, data, options) {
     var maxLabelSize = Math.ceil(chart.element.offsetWidth / 4.0 / data.labels.length);
     if (maxLabelSize > 25) {
       maxLabelSize = 25;
     } else if (maxLabelSize < 10) {
       maxLabelSize = 10;
     }
-    if (!options.scales.xAxes[0].ticks.callback) {
-      options.scales.xAxes[0].ticks.callback = function (value) {
-        value = toStr(value);
+    if (!options.scales.x.ticks.callback) {
+      options.scales.x.ticks.callback = function (value) {
+        value = toStr(this.getLabelForValue(value));
         if (value.length > maxLabelSize) {
           return value.substring(0, maxLabelSize - 2) + "...";
         } else {
@@ -487,18 +482,33 @@
         }
       };
     }
-  };
+  }
 
-  var setFormatOptions = function(chart, options, chartType) {
-    var formatOptions = {
+  function calculateScale(series) {
+    var scale = 1;
+    var max = maxAbsY(series);
+    while (max >= 1024) {
+      scale *= 1024;
+      max /= 1024;
+    }
+    return scale;
+  }
+
+  function setFormatOptions$1(chart, options, chartType) {
+    // options to apply to x and r values for scatter and bubble
+    var numericOptions = {
+      thousands: chart.options.thousands,
+      decimal: chart.options.decimal
+    };
+
+    // options to apply to y value
+    var formatOptions = merge({
       prefix: chart.options.prefix,
       suffix: chart.options.suffix,
-      thousands: chart.options.thousands,
-      decimal: chart.options.decimal,
       precision: chart.options.precision,
       round: chart.options.round,
       zeros: chart.options.zeros
-    };
+    }, numericOptions);
 
     if (chart.options.bytes) {
       var series = chart.data;
@@ -506,232 +516,303 @@
         series = [{data: series}];
       }
 
-      // calculate max
-      var max = 0;
-      for (var i = 0; i < series.length; i++) {
-        var s = series[i];
-        for (var j = 0; j < s.data.length; j++) {
-          if (s.data[j][1] > max) {
-            max = s.data[j][1];
-          }
-        }
-      }
-
-      // calculate scale
-      var scale = 1;
-      while (max >= 1024) {
-        scale *= 1024;
-        max /= 1024;
-      }
-
       // set step size
-      formatOptions.byteScale = scale;
+      formatOptions.byteScale = calculateScale(series);
     }
 
     if (chartType !== "pie") {
-      var myAxes = options.scales.yAxes;
+      var axis = options.scales.y;
       if (chartType === "bar") {
-        myAxes = options.scales.xAxes;
+        axis = options.scales.x;
       }
 
       if (formatOptions.byteScale) {
-        if (!myAxes[0].ticks.stepSize) {
-          myAxes[0].ticks.stepSize = formatOptions.byteScale / 2;
+        if (!axis.ticks.stepSize) {
+          axis.ticks.stepSize = formatOptions.byteScale / 2;
         }
-        if (!myAxes[0].ticks.maxTicksLimit) {
-          myAxes[0].ticks.maxTicksLimit = 4;
+        if (!axis.ticks.maxTicksLimit) {
+          axis.ticks.maxTicksLimit = 4;
         }
       }
 
-      if (!myAxes[0].ticks.callback) {
-        myAxes[0].ticks.callback = function (value) {
+      if (!axis.ticks.callback) {
+        axis.ticks.callback = function (value) {
           return formatValue("", value, formatOptions, true);
         };
       }
+
+      if ((chartType === "scatter" || chartType === "bubble") && !options.scales.x.ticks.callback) {
+        options.scales.x.ticks.callback = function (value) {
+          return formatValue("", value, numericOptions, true);
+        };
+      }
     }
 
-    if (!options.tooltips.callbacks.label) {
+    if (!options.plugins.tooltip.callbacks.label) {
       if (chartType === "scatter") {
-        options.tooltips.callbacks.label = function (item, data) {
-          var label = data.datasets[item.datasetIndex].label || '';
+        options.plugins.tooltip.callbacks.label = function (context) {
+          var label = context.dataset.label || '';
           if (label) {
             label += ': ';
           }
-          return label + '(' + item.xLabel + ', ' + item.yLabel + ')';
+
+          var dataPoint = context.parsed;
+          return label + '(' + formatValue('', dataPoint.x, numericOptions) + ', ' + formatValue('', dataPoint.y, formatOptions) + ')';
         };
       } else if (chartType === "bubble") {
-        options.tooltips.callbacks.label = function (item, data) {
-          var label = data.datasets[item.datasetIndex].label || '';
+        options.plugins.tooltip.callbacks.label = function (context) {
+          var label = context.dataset.label || '';
           if (label) {
             label += ': ';
           }
-          var dataPoint = data.datasets[item.datasetIndex].data[item.index];
-          return label + '(' + item.xLabel + ', ' + item.yLabel + ', ' + dataPoint.v + ')';
+          var dataPoint = context.raw;
+          return label + '(' + formatValue('', dataPoint.x, numericOptions) + ', ' + formatValue('', dataPoint.y, formatOptions) + ', ' + formatValue('', dataPoint.v, numericOptions) + ')';
         };
       } else if (chartType === "pie") {
         // need to use separate label for pie charts
-        options.tooltips.callbacks.label = function (tooltipItem, data) {
-          var dataLabel = data.labels[tooltipItem.index];
-          var value = ': ';
-
-          if (isArray(dataLabel)) {
-            // show value on first line of multiline label
-            // need to clone because we are changing the value
-            dataLabel = dataLabel.slice();
-            dataLabel[0] += value;
-          } else {
-            dataLabel += value;
-          }
-
-          return formatValue(dataLabel, data.datasets[tooltipItem.datasetIndex].data[tooltipItem.index], formatOptions);
+        options.plugins.tooltip.callbacks.label = function (context) {
+          return formatValue('', context.parsed, formatOptions);
         };
       } else {
-        var valueLabel = chartType === "bar" ? "xLabel" : "yLabel";
-        options.tooltips.callbacks.label = function (tooltipItem, data) {
-          var label = data.datasets[tooltipItem.datasetIndex].label || '';
+        var valueLabel = chartType === "bar" ? "x" : "y";
+        options.plugins.tooltip.callbacks.label = function (context) {
+          // don't show null values for stacked charts
+          if (context.parsed[valueLabel] === null) {
+            return;
+          }
+
+          var label = context.dataset.label || '';
           if (label) {
             label += ': ';
           }
-          return formatValue(label, tooltipItem[valueLabel], formatOptions);
+          return formatValue(label, context.parsed[valueLabel], formatOptions);
         };
       }
     }
-  };
-
-  var jsOptions = jsOptionsFunc(merge(baseOptions, defaultOptions), hideLegend, setTitle, setMin, setMax, setStacked, setXtitle, setYtitle);
-
-  var createDataTable = function (chart, options, chartType, library) {
-    var datasets = [];
-    var labels = [];
 
-    var colors = chart.options.colors || defaultColors;
+    // avoid formatting x-axis labels
+    // by default, Chart.js applies locale
+    if ((chartType === "line" || chartType === "area") && chart.xtype === "number") {
+      if (!options.scales.x.ticks.callback) {
+        options.scales.x.ticks.callback = function (value) {
+          return toStr(value);
+        };
+      }
 
-    var day = true;
-    var week = true;
-    var dayOfWeek;
-    var month = true;
-    var year = true;
-    var hour = true;
-    var minute = true;
+      if (!options.plugins.tooltip.callbacks.title) {
+        options.plugins.tooltip.callbacks.title = function (context) {
+          return toStr(context[0].parsed.x);
+        };
+      }
+    }
+  }
 
-    var series = chart.data;
+  function maxAbsY(series) {
+    var max = 0;
+    for (var i = 0; i < series.length; i++) {
+      var data = series[i].data;
+      for (var j = 0; j < data.length; j++) {
+        var v = Math.abs(data[j][1]);
+        if (v > max) {
+          max = v;
+        }
+      }
+    }
+    return max;
+  }
 
+  function maxR(series) {
+    // start at zero since radius must be positive
     var max = 0;
-    if (chartType === "bubble") {
-      for (var i$1 = 0; i$1 < series.length; i$1++) {
-        var s$1 = series[i$1];
-        for (var j$1 = 0; j$1 < s$1.data.length; j$1++) {
-          if (s$1.data[j$1][2] > max) {
-            max = s$1.data[j$1][2];
-          }
+    for (var i = 0; i < series.length; i++) {
+      var data = series[i].data;
+      for (var j = 0; j < data.length; j++) {
+        var v = data[j][2];
+        if (v > max) {
+          max = v;
         }
       }
     }
+    return max;
+  }
 
-    var i, j, s, d, key, rows = [], rows2 = [];
+  var jsOptions$2 = jsOptionsFunc(merge(baseOptions, defaultOptions$2), hideLegend$2, setTitle$2, setMin$2, setMax$2, setStacked$2, setXtitle$2, setYtitle$2);
 
-    if (chartType === "bar" || chartType === "column" || (chart.xtype !== "number" && chart.xtype !== "bubble")) {
-      var sortedLabels = [];
+  function prepareDefaultData(chart) {
+    var series = chart.data;
+    var rows = {};
+    var keys = [];
+    var labels = [];
+    var values = [];
 
-      for (i = 0; i < series.length; i++) {
-        s = series[i];
+    for (var i = 0; i < series.length; i++) {
+      var data = series[i].data;
 
-        for (j = 0; j < s.data.length; j++) {
-          d = s.data[j];
-          key = chart.xtype == "datetime" ? d[0].getTime() : d[0];
-          if (!rows[key]) {
-            rows[key] = new Array(series.length);
-          }
-          rows[key][i] = toFloat(d[1]);
-          if (sortedLabels.indexOf(key) === -1) {
-            sortedLabels.push(key);
-          }
+      for (var j = 0; j < data.length; j++) {
+        var d = data[j];
+        var key = chart.xtype === "datetime" ? d[0].getTime() : d[0];
+        if (!rows[key]) {
+          rows[key] = new Array(series.length);
+          keys.push(key);
         }
+        rows[key][i] = d[1];
       }
+    }
+
+    if (chart.xtype === "datetime" || chart.xtype === "number") {
+      keys.sort(sortByNumber);
+    }
+
+    for (var i$1 = 0; i$1 < series.length; i$1++) {
+      values.push([]);
+    }
+
+    for (var i$2 = 0; i$2 < keys.length; i$2++) {
+      var key$1 = keys[i$2];
 
-      if (chart.xtype === "datetime" || chart.xtype === "number") {
-        sortedLabels.sort(sortByNumber);
+      var label = chart.xtype === "datetime" ? new Date(key$1) : key$1;
+      labels.push(label);
+
+      var row = rows[key$1];
+      for (var j$1 = 0; j$1 < series.length; j$1++) {
+        var v = row[j$1];
+        // Chart.js doesn't like undefined
+        values[j$1].push(v === undefined ? null : v);
       }
+    }
+
+    return {
+      labels: labels,
+      values: values
+    };
+  }
 
-      for (j = 0; j < series.length; j++) {
-        rows2.push([]);
+  function prepareBubbleData(chart) {
+    var series = chart.data;
+    var values = [];
+    var max = maxR(series);
+
+    for (var i = 0; i < series.length; i++) {
+      var data = series[i].data;
+      var points = [];
+      for (var j = 0; j < data.length; j++) {
+        var v = data[j];
+        points.push({
+          x: v[0],
+          y: v[1],
+          r: v[2] * 20 / max,
+          // custom attribute, for tooltip
+          v: v[2]
+        });
       }
+      values.push(points);
+    }
 
-      var value;
-      var k;
-      for (k = 0; k < sortedLabels.length; k++) {
-        i = sortedLabels[k];
-        if (chart.xtype === "datetime") {
-          value = new Date(toFloat(i));
-          // TODO make this efficient
-          day = day && isDay(value);
-          if (!dayOfWeek) {
-            dayOfWeek = value.getDay();
-          }
-          week = week && isWeek(value, dayOfWeek);
-          month = month && isMonth(value);
-          year = year && isYear(value);
-          hour = hour && isHour(value);
-          minute = minute && isMinute(value);
-        } else {
-          value = i;
-        }
-        labels.push(value);
-        for (j = 0; j < series.length; j++) {
-          // Chart.js doesn't like undefined
-          rows2[j].push(rows[i][j] === undefined ? null : rows[i][j]);
-        }
+    return {
+      labels: [],
+      values: values
+    };
+  }
+
+  // scatter or numeric line/area
+  function prepareNumberData(chart) {
+    var series = chart.data;
+    var values = [];
+
+    for (var i = 0; i < series.length; i++) {
+      var data = series[i].data;
+
+      data.sort(sortByNumberSeries);
+
+      var points = [];
+      for (var j = 0; j < data.length; j++) {
+        var v = data[j];
+        points.push({
+          x: v[0],
+          y: v[1]
+        });
       }
+      values.push(points);
+    }
+
+    return {
+      labels: [],
+      values: values
+    };
+  }
+
+  function prepareData(chart, chartType) {
+    if (chartType === "bubble") {
+      return prepareBubbleData(chart);
+    } else if (chart.xtype === "number" && chartType !== "bar" && chartType !== "column") {
+      return prepareNumberData(chart);
     } else {
-      for (var i$2 = 0; i$2 < series.length; i$2++) {
-        var s$2 = series[i$2];
-        var d$1 = [];
-        for (var j$2 = 0; j$2 < s$2.data.length; j$2++) {
-          var point = {
-            x: toFloat(s$2.data[j$2][0]),
-            y: toFloat(s$2.data[j$2][1])
-          };
-          if (chartType === "bubble") {
-            point.r = toFloat(s$2.data[j$2][2]) * 20 / max;
-            // custom attribute, for tooltip
-            point.v = s$2.data[j$2][2];
-          }
-          d$1.push(point);
-        }
-        rows2.push(d$1);
-      }
+      return prepareDefaultData(chart);
     }
+  }
 
-    for (i = 0; i < series.length; i++) {
-      s = series[i];
+  function createDataTable(chart, options, chartType) {
+    var ref = prepareData(chart, chartType);
+    var labels = ref.labels;
+    var values = ref.values;
 
-      var color = s.color || colors[i];
-      var backgroundColor = chartType !== "line" ? addOpacity(color, 0.5) : color;
+    var series = chart.data;
+    var datasets = [];
+    var colors = chart.options.colors || defaultColors;
+    for (var i = 0; i < series.length; i++) {
+      var s = series[i];
+
+      // use colors for each bar for single series format
+      var color = (void 0);
+      var backgroundColor = (void 0);
+      if (chart.options.colors && chart.singleSeriesFormat && (chartType === "bar" || chartType === "column") && !s.color && isArray(chart.options.colors) && !isArray(chart.options.colors[0])) {
+        color = colors;
+        backgroundColor = [];
+        for (var j = 0; j < colors.length; j++) {
+          backgroundColor[j] = addOpacity(color[j], 0.5);
+        }
+      } else {
+        color = s.color || colors[i];
+        backgroundColor = chartType !== "line" ? addOpacity(color, 0.5) : color;
+      }
 
       var dataset = {
         label: s.name || "",
-        data: rows2[i],
+        data: values[i],
         fill: chartType === "area",
         borderColor: color,
         backgroundColor: backgroundColor,
-        pointBackgroundColor: color,
-        borderWidth: 2,
-        pointHoverBackgroundColor: color
+        borderWidth: 2
       };
 
+      var pointChart = chartType === "line" || chartType === "area" || chartType === "scatter" || chartType === "bubble";
+      if (pointChart) {
+        dataset.pointBackgroundColor = color;
+        dataset.pointHoverBackgroundColor = color;
+        dataset.pointHitRadius = 50;
+      }
+
+      if (chartType === "bubble") {
+        dataset.pointBackgroundColor = backgroundColor;
+        dataset.pointHoverBackgroundColor = backgroundColor;
+        dataset.pointHoverBorderWidth = 2;
+      }
+
       if (s.stack) {
         dataset.stack = s.stack;
       }
 
       var curve = seriesOption(chart, s, "curve");
       if (curve === false) {
-        dataset.lineTension = 0;
+        dataset.tension = 0;
+      } else if (pointChart) {
+        dataset.tension = 0.4;
       }
 
       var points = seriesOption(chart, s, "points");
       if (points === false) {
         dataset.pointRadius = 0;
-        dataset.pointHitRadius = 5;
+        dataset.pointHoverRadius = 0;
       }
 
       dataset = merge(dataset, chart.options.dataset || {});
@@ -745,149 +826,149 @@
     var xmax = chart.options.xmax;
 
     if (chart.xtype === "datetime") {
-      // hacky check for Chart.js >= 2.9.0
-      // https://github.com/chartjs/Chart.js/compare/v2.8.0...v2.9.0
-      var gte29 = "math" in library.helpers;
-      var ticksKey = gte29 ? "ticks" : "time";
       if (notnull(xmin)) {
-        options.scales.xAxes[0][ticksKey].min = toDate(xmin).getTime();
+        options.scales.x.min = toDate(xmin).getTime();
       }
       if (notnull(xmax)) {
-        options.scales.xAxes[0][ticksKey].max = toDate(xmax).getTime();
+        options.scales.x.max = toDate(xmax).getTime();
       }
     } else if (chart.xtype === "number") {
       if (notnull(xmin)) {
-        options.scales.xAxes[0].ticks.min = xmin;
-      }
-      if (notnull(xmax)) {
-        options.scales.xAxes[0].ticks.max = xmax;
-      }
-    }
-
-    // for empty datetime chart
-    if (chart.xtype === "datetime" && labels.length === 0) {
-      if (notnull(xmin)) {
-        labels.push(toDate(xmin));
+        options.scales.x.min = xmin;
       }
       if (notnull(xmax)) {
-        labels.push(toDate(xmax));
+        options.scales.x.max = xmax;
       }
-      day = false;
-      week = false;
-      month = false;
-      year = false;
-      hour = false;
-      minute = false;
     }
 
-    if (chart.xtype === "datetime" && labels.length > 0) {
-      var minTime = (notnull(xmin) ? toDate(xmin) : labels[0]).getTime();
-      var maxTime = (notnull(xmax) ? toDate(xmax) : labels[0]).getTime();
+    if (chart.xtype === "datetime") {
+      var timeUnit = calculateTimeUnit(labels);
 
-      for (i = 1; i < labels.length; i++) {
-        var value$1 = labels[i].getTime();
-        if (value$1 < minTime) {
-          minTime = value$1;
+      // for empty datetime chart
+      if (labels.length === 0) {
+        if (notnull(xmin)) {
+          labels.push(toDate(xmin));
         }
-        if (value$1 > maxTime) {
-          maxTime = value$1;
+        if (notnull(xmax)) {
+          labels.push(toDate(xmax));
         }
       }
 
-      var timeDiff = (maxTime - minTime) / (86400 * 1000.0);
-
-      if (!options.scales.xAxes[0].time.unit) {
-        var step;
-        if (year || timeDiff > 365 * 10) {
-          options.scales.xAxes[0].time.unit = "year";
-          step = 365;
-        } else if (month || timeDiff > 30 * 10) {
-          options.scales.xAxes[0].time.unit = "month";
-          step = 30;
-        } else if (day || timeDiff > 10) {
-          options.scales.xAxes[0].time.unit = "day";
-          step = 1;
-        } else if (hour || timeDiff > 0.5) {
-          options.scales.xAxes[0].time.displayFormats = {hour: "MMM D, h a"};
-          options.scales.xAxes[0].time.unit = "hour";
-          step = 1 / 24.0;
-        } else if (minute) {
-          options.scales.xAxes[0].time.displayFormats = {minute: "h:mm a"};
-          options.scales.xAxes[0].time.unit = "minute";
-          step = 1 / 24.0 / 60.0;
+      if (labels.length > 0) {
+        var minTime = (notnull(xmin) ? toDate(xmin) : labels[0]).getTime();
+        var maxTime = (notnull(xmax) ? toDate(xmax) : labels[0]).getTime();
+
+        for (var i$1 = 1; i$1 < labels.length; i$1++) {
+          var value = labels[i$1].getTime();
+          if (value < minTime) {
+            minTime = value;
+          }
+          if (value > maxTime) {
+            maxTime = value;
+          }
         }
 
-        if (step && timeDiff > 0) {
-          var unitStepSize = Math.ceil(timeDiff / step / (chart.element.offsetWidth / 100.0));
-          if (week && step === 1) {
-            unitStepSize = Math.ceil(unitStepSize / 7.0) * 7;
+        var timeDiff = (maxTime - minTime) / (86400 * 1000.0);
+
+        if (!options.scales.x.time.unit) {
+          var step;
+          if (timeUnit === "year" || timeDiff > 365 * 10) {
+            options.scales.x.time.unit = "year";
+            step = 365;
+          } else if (timeUnit === "month" || timeDiff > 30 * 10) {
+            options.scales.x.time.unit = "month";
+            step = 30;
+          } else if (timeUnit === "week" || timeUnit === "day" || timeDiff > 10) {
+            options.scales.x.time.unit = "day";
+            step = 1;
+          } else if (timeUnit === "hour" || timeDiff > 0.5) {
+            options.scales.x.time.displayFormats = {hour: "MMM d, h a"};
+            options.scales.x.time.unit = "hour";
+            step = 1 / 24.0;
+          } else if (timeUnit === "minute") {
+            options.scales.x.time.displayFormats = {minute: "h:mm a"};
+            options.scales.x.time.unit = "minute";
+            step = 1 / 24.0 / 60.0;
+          }
+
+          if (step && timeDiff > 0) {
+            // width not available for hidden elements
+            var width = chart.element.offsetWidth;
+            if (width > 0) {
+              var unitStepSize = Math.ceil(timeDiff / step / (width / 100.0));
+              if (timeUnit === "week" && step === 1) {
+                unitStepSize = Math.ceil(unitStepSize / 7.0) * 7;
+              }
+              options.scales.x.ticks.stepSize = unitStepSize;
+            }
           }
-          options.scales.xAxes[0].time.unitStepSize = unitStepSize;
         }
-      }
 
-      if (!options.scales.xAxes[0].time.tooltipFormat) {
-        if (day) {
-          options.scales.xAxes[0].time.tooltipFormat = "ll";
-        } else if (hour) {
-          options.scales.xAxes[0].time.tooltipFormat = "MMM D, h a";
-        } else if (minute) {
-          options.scales.xAxes[0].time.tooltipFormat = "h:mm a";
+        if (!options.scales.x.time.tooltipFormat) {
+          if (timeUnit === "year") {
+            options.scales.x.time.tooltipFormat = "yyyy";
+          } else if (timeUnit === "month") {
+            options.scales.x.time.tooltipFormat = "MMM yyyy";
+          } else if (timeUnit === "week" || timeUnit === "day") {
+            options.scales.x.time.tooltipFormat = "PP";
+          } else if (timeUnit === "hour") {
+            options.scales.x.time.tooltipFormat = "MMM d, h a";
+          } else if (timeUnit === "minute") {
+            options.scales.x.time.tooltipFormat = "h:mm a";
+          }
         }
       }
     }
 
-    var data = {
+    return {
       labels: labels,
       datasets: datasets
     };
+  }
 
-    return data;
-  };
-
-  var defaultExport = function defaultExport(library) {
+  var defaultExport$2 = function defaultExport(library) {
     this.name = "chartjs";
     this.library = library;
   };
 
-  defaultExport.prototype.renderLineChart = function renderLineChart (chart, chartType) {
-    var chartOptions = {};
-    // fix for https://github.com/chartjs/Chart.js/issues/2441
-    if (!chart.options.max && allZeros(chart.data)) {
-      chartOptions.max = 1;
+  defaultExport$2.prototype.renderLineChart = function renderLineChart (chart, chartType) {
+    if (!chartType) {
+      chartType = "line";
     }
 
-    var options = jsOptions(chart, merge(chartOptions, chart.options));
-    setFormatOptions(chart, options, chartType);
+    var chartOptions = {};
 
-    var data = createDataTable(chart, options, chartType || "line", this.library);
+    var options = jsOptions$2(chart, merge(chartOptions, chart.options));
+    setFormatOptions$1(chart, options, chartType);
+
+    var data = createDataTable(chart, options, chartType);
 
     if (chart.xtype === "number") {
-      options.scales.xAxes[0].type = "linear";
-      options.scales.xAxes[0].position = "bottom";
+      options.scales.x.type = options.scales.x.type || "linear";
+      options.scales.x.position = options.scales.x.position || "bottom";
     } else {
-      options.scales.xAxes[0].type = chart.xtype === "string" ? "category" : "time";
+      options.scales.x.type = chart.xtype === "string" ? "category" : "time";
     }
 
     this.drawChart(chart, "line", data, options);
   };
 
-  defaultExport.prototype.renderPieChart = function renderPieChart (chart) {
+  defaultExport$2.prototype.renderPieChart = function renderPieChart (chart) {
     var options = merge({}, baseOptions);
     if (chart.options.donut) {
-      options.cutoutPercentage = 50;
+      options.cutout = "50%";
     }
 
     if ("legend" in chart.options) {
-      hideLegend(options, chart.options.legend);
+      hideLegend$2(options, chart.options.legend);
     }
 
     if (chart.options.title) {
-      setTitle(options, chart.options.title);
+      setTitle$2(options, chart.options.title);
     }
 
     options = merge(options, chart.options.library || {});
-    setFormatOptions(chart, options, "pie");
+    setFormatOptions$1(chart, options, "pie");
 
     var labels = [];
     var values = [];
@@ -911,61 +992,76 @@
     this.drawChart(chart, "pie", data, options);
   };
 
-  defaultExport.prototype.renderColumnChart = function renderColumnChart (chart, chartType) {
+  defaultExport$2.prototype.renderColumnChart = function renderColumnChart (chart, chartType) {
     var options;
     if (chartType === "bar") {
-      var barOptions = merge(baseOptions, defaultOptions);
-      delete barOptions.scales.yAxes[0].ticks.maxTicksLimit;
-      options = jsOptionsFunc(barOptions, hideLegend, setTitle, setBarMin, setBarMax, setStacked, setXtitle, setYtitle)(chart, chart.options);
+      var barOptions = merge(baseOptions, defaultOptions$2);
+      barOptions.indexAxis = "y";
+
+      // ensure gridlines have proper orientation
+      barOptions.scales.x.grid.drawOnChartArea = true;
+      barOptions.scales.y.grid.drawOnChartArea = false;
+      delete barOptions.scales.y.ticks.maxTicksLimit;
+
+      options = jsOptionsFunc(barOptions, hideLegend$2, setTitle$2, setBarMin$1, setBarMax$1, setStacked$2, setXtitle$2, setYtitle$2)(chart, chart.options);
     } else {
-      options = jsOptions(chart, chart.options);
+      options = jsOptions$2(chart, chart.options);
     }
-    setFormatOptions(chart, options, chartType);
-    var data = createDataTable(chart, options, "column", this.library);
+    setFormatOptions$1(chart, options, chartType);
+    var data = createDataTable(chart, options, "column");
     if (chartType !== "bar") {
       setLabelSize(chart, data, options);
     }
-    this.drawChart(chart, (chartType === "bar" ? "horizontalBar" : "bar"), data, options);
+    if (!("mode" in options.interaction)) {
+      options.interaction.mode = "index";
+    }
+    this.drawChart(chart, "bar", data, options);
   };
 
-  defaultExport.prototype.renderAreaChart = function renderAreaChart (chart) {
+  defaultExport$2.prototype.renderAreaChart = function renderAreaChart (chart) {
     this.renderLineChart(chart, "area");
   };
 
-  defaultExport.prototype.renderBarChart = function renderBarChart (chart) {
+  defaultExport$2.prototype.renderBarChart = function renderBarChart (chart) {
     this.renderColumnChart(chart, "bar");
   };
 
-  defaultExport.prototype.renderScatterChart = function renderScatterChart (chart, chartType) {
+  defaultExport$2.prototype.renderScatterChart = function renderScatterChart (chart, chartType) {
     chartType = chartType || "scatter";
 
-    var options = jsOptions(chart, chart.options);
-    setFormatOptions(chart, options, chartType);
+    var options = jsOptions$2(chart, chart.options);
+    setFormatOptions$1(chart, options, chartType);
 
-    if (!("showLines" in options)) {
-      options.showLines = false;
+    if (!("showLine" in options)) {
+      options.showLine = false;
     }
 
-    var data = createDataTable(chart, options, chartType, this.library);
+    var data = createDataTable(chart, options, chartType);
+
+    options.scales.x.type = options.scales.x.type || "linear";
+    options.scales.x.position = options.scales.x.position || "bottom";
 
-    options.scales.xAxes[0].type = "linear";
-    options.scales.xAxes[0].position = "bottom";
+    // prevent grouping hover and tooltips
+    if (!("mode" in options.interaction)) {
+      options.interaction.mode = "nearest";
+    }
 
     this.drawChart(chart, chartType, data, options);
   };
 
-  defaultExport.prototype.renderBubbleChart = function renderBubbleChart (chart) {
+  defaultExport$2.prototype.renderBubbleChart = function renderBubbleChart (chart) {
     this.renderScatterChart(chart, "bubble");
   };
 
-  defaultExport.prototype.destroy = function destroy (chart) {
+  defaultExport$2.prototype.destroy = function destroy (chart) {
     if (chart.chart) {
       chart.chart.destroy();
     }
   };
 
-  defaultExport.prototype.drawChart = function drawChart (chart, type, data, options) {
+  defaultExport$2.prototype.drawChart = function drawChart (chart, type, data, options) {
     this.destroy(chart);
+    if (chart.destroyed) { return; }
 
     var chartOptions = {
       type: type,
@@ -1024,10 +1120,13 @@
       series: {
         marker: {}
       }
+    },
+    time: {
+      useUTC: false
     }
   };
 
-  var hideLegend$1 = function (options, legend, hideLegend) {
+  function hideLegend$1(options, legend, hideLegend) {
     if (legend !== undefined) {
       options.legend.enabled = !!legend;
       if (legend && legend !== true) {
@@ -1042,38 +1141,38 @@
     } else if (hideLegend) {
       options.legend.enabled = false;
     }
-  };
+  }
 
-  var setTitle$1 = function (options, title) {
+  function setTitle$1(options, title) {
     options.title.text = title;
-  };
+  }
 
-  var setMin$1 = function (options, min) {
+  function setMin$1(options, min) {
     options.yAxis.min = min;
-  };
+  }
 
-  var setMax$1 = function (options, max) {
+  function setMax$1(options, max) {
     options.yAxis.max = max;
-  };
+  }
 
-  var setStacked$1 = function (options, stacked) {
+  function setStacked$1(options, stacked) {
     var stackedValue = stacked ? (stacked === true ? "normal" : stacked) : null;
     options.plotOptions.series.stacking = stackedValue;
     options.plotOptions.area.stacking = stackedValue;
     options.plotOptions.areaspline.stacking = stackedValue;
-  };
+  }
 
-  var setXtitle$1 = function (options, title) {
+  function setXtitle$1(options, title) {
     options.xAxis.title.text = title;
-  };
+  }
 
-  var setYtitle$1 = function (options, title) {
+  function setYtitle$1(options, title) {
     options.yAxis.title.text = title;
-  };
+  }
 
   var jsOptions$1 = jsOptionsFunc(defaultOptions$1, hideLegend$1, setTitle$1, setMin$1, setMax$1, setStacked$1, setXtitle$1, setYtitle$1);
 
-  var setFormatOptions$1 = function(chart, options, chartType) {
+  function setFormatOptions(chart, options, chartType) {
     var formatOptions = {
       prefix: chart.options.prefix,
       suffix: chart.options.suffix,
@@ -1084,18 +1183,19 @@
       zeros: chart.options.zeros
     };
 
-    if (chartType !== "pie" && !options.yAxis.labels.formatter) {
+    // skip when axis is an array (like with min/max)
+    if (chartType !== "pie" && !isArray(options.yAxis) && !options.yAxis.labels.formatter) {
       options.yAxis.labels.formatter = function () {
         return formatValue("", this.value, formatOptions);
       };
     }
 
-    if (!options.tooltip.pointFormatter) {
+    if (!options.tooltip.pointFormatter && !options.tooltip.pointFormat) {
       options.tooltip.pointFormatter = function () {
         return '<span style="color:' + this.color + '">\u25CF</span> ' + formatValue(this.series.name + ': <b>', this.y, formatOptions) + '</b><br/>';
       };
     }
-  };
+  }
 
   var defaultExport$1 = function defaultExport(library) {
     this.name = "highcharts";
@@ -1131,21 +1231,27 @@
       }
     }
 
-    var options = jsOptions$1(chart, chart.options, chartOptions), data, i, j;
-    options.xAxis.type = chart.xtype === "string" ? "category" : (chart.xtype === "number" ? "linear" : "datetime");
+    var options = jsOptions$1(chart, chart.options, chartOptions);
+    if (chart.xtype === "number") {
+      options.xAxis.type = options.xAxis.type || "linear";
+    } else {
+      options.xAxis.type = chart.xtype === "string" ? "category" : "datetime";
+    }
     if (!options.chart.type) {
       options.chart.type = chartType;
     }
-    setFormatOptions$1(chart, options, chartType);
+    setFormatOptions(chart, options, chartType);
 
     var series = chart.data;
-    for (i = 0; i < series.length; i++) {
+    for (var i = 0; i < series.length; i++) {
       series[i].name = series[i].name || "Value";
-      data = series[i].data;
+      var data = series[i].data;
       if (chart.xtype === "datetime") {
-        for (j = 0; j < data.length; j++) {
+        for (var j = 0; j < data.length; j++) {
           data[j][0] = data[j][0].getTime();
         }
+      } else if (chart.xtype === "number") {
+        data.sort(sortByNumberSeries);
       }
       series[i].marker = {symbol: "circle"};
       if (chart.options.points === false) {
@@ -1181,7 +1287,7 @@
     }
 
     var options = merge(chartOptions, chart.options.library || {});
-    setFormatOptions$1(chart, options, "pie");
+    setFormatOptions(chart, options, "pie");
     var series = [{
       type: "pie",
       name: chart.options.label || "Value",
@@ -1194,15 +1300,17 @@
   defaultExport$1.prototype.renderColumnChart = function renderColumnChart (chart, chartType) {
     chartType = chartType || "column";
     var series = chart.data;
-    var options = jsOptions$1(chart, chart.options), i, j, s, d, rows = [], categories = [];
+    var options = jsOptions$1(chart, chart.options);
+    var rows = [];
+    var categories = [];
     options.chart.type = chartType;
-    setFormatOptions$1(chart, options, chartType);
+    setFormatOptions(chart, options, chartType);
 
-    for (i = 0; i < series.length; i++) {
-      s = series[i];
+    for (var i = 0; i < series.length; i++) {
+      var s = series[i];
 
-      for (j = 0; j < s.data.length; j++) {
-        d = s.data[j];
+      for (var j = 0; j < s.data.length; j++) {
+        var d = s.data[j];
         if (!rows[d[0]]) {
           rows[d[0]] = new Array(series.length);
           categories.push(d[0]);
@@ -1217,19 +1325,19 @@
 
     options.xAxis.categories = categories;
 
-    var newSeries = [], d2;
-    for (i = 0; i < series.length; i++) {
-      d = [];
-      for (j = 0; j < categories.length; j++) {
-        d.push(rows[categories[j]][i] || 0);
+    var newSeries = [];
+    for (var i$1 = 0; i$1 < series.length; i$1++) {
+      var d$1 = [];
+      for (var j$1 = 0; j$1 < categories.length; j$1++) {
+        d$1.push(rows[categories[j$1]][i$1] || 0);
       }
 
-      d2 = {
-        name: series[i].name || "Value",
-        data: d
+      var d2 = {
+        name: series[i$1].name || "Value",
+        data: d$1
       };
-      if (series[i].stack) {
-        d2.stack = series[i].stack;
+      if (series[i$1].stack) {
+        d2.stack = series[i$1].stack;
       }
 
       newSeries.push(d2);
@@ -1254,6 +1362,7 @@
 
   defaultExport$1.prototype.drawChart = function drawChart (chart, data, options) {
     this.destroy(chart);
+    if (chart.destroyed) { return; }
 
     options.chart.renderTo = chart.element.id;
     options.series = data;
@@ -1269,7 +1378,7 @@
   var callbacks = [];
 
   // Set chart options
-  var defaultOptions$2 = {
+  var defaultOptions = {
     chartArea: {},
     fontName: "'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif",
     pointSize: 6,
@@ -1311,7 +1420,7 @@
     }
   };
 
-  var hideLegend$2 = function (options, legend, hideLegend) {
+  function hideLegend(options, legend, hideLegend) {
     if (legend !== undefined) {
       var position;
       if (!legend) {
@@ -1325,61 +1434,61 @@
     } else if (hideLegend) {
       options.legend.position = "none";
     }
-  };
+  }
 
-  var setTitle$2 = function (options, title) {
+  function setTitle(options, title) {
     options.title = title;
     options.titleTextStyle = {color: "#333", fontSize: "20px"};
-  };
+  }
 
-  var setMin$2 = function (options, min) {
+  function setMin(options, min) {
     options.vAxis.viewWindow.min = min;
-  };
+  }
 
-  var setMax$2 = function (options, max) {
+  function setMax(options, max) {
     options.vAxis.viewWindow.max = max;
-  };
+  }
 
-  var setBarMin$1 = function (options, min) {
+  function setBarMin(options, min) {
     options.hAxis.viewWindow.min = min;
-  };
+  }
 
-  var setBarMax$1 = function (options, max) {
+  function setBarMax(options, max) {
     options.hAxis.viewWindow.max = max;
-  };
+  }
 
-  var setStacked$2 = function (options, stacked) {
-    options.isStacked = stacked ? stacked : false;
-  };
+  function setStacked(options, stacked) {
+    options.isStacked = stacked || false;
+  }
 
-  var setXtitle$2 = function (options, title) {
+  function setXtitle(options, title) {
     options.hAxis.title = title;
     options.hAxis.titleTextStyle.italic = false;
-  };
+  }
 
-  var setYtitle$2 = function (options, title) {
+  function setYtitle(options, title) {
     options.vAxis.title = title;
     options.vAxis.titleTextStyle.italic = false;
-  };
+  }
 
-  var jsOptions$2 = jsOptionsFunc(defaultOptions$2, hideLegend$2, setTitle$2, setMin$2, setMax$2, setStacked$2, setXtitle$2, setYtitle$2);
+  var jsOptions = jsOptionsFunc(defaultOptions, hideLegend, setTitle, setMin, setMax, setStacked, setXtitle, setYtitle);
 
-  var resize = function (callback) {
+  function resize(callback) {
     if (window.attachEvent) {
       window.attachEvent("onresize", callback);
     } else if (window.addEventListener) {
       window.addEventListener("resize", callback, true);
     }
     callback();
-  };
+  }
 
-  var defaultExport$2 = function defaultExport(library) {
+  var defaultExport = function defaultExport(library) {
     this.name = "google";
     this.library = library;
   };
 
-  defaultExport$2.prototype.renderLineChart = function renderLineChart (chart) {
-      var this$1 = this;
+  defaultExport.prototype.renderLineChart = function renderLineChart (chart) {
+      var this$1$1 = this;
 
     this.waitForLoaded(chart, function () {
       var chartOptions = {};
@@ -1392,15 +1501,15 @@
         chartOptions.pointSize = 0;
       }
 
-      var options = jsOptions$2(chart, chart.options, chartOptions);
-      var data = this$1.createDataTable(chart.data, chart.xtype);
+      var options = jsOptions(chart, chart.options, chartOptions);
+      var data = this$1$1.createDataTable(chart.data, chart.xtype);
 
-      this$1.drawChart(chart, "LineChart", data, options);
+      this$1$1.drawChart(chart, "LineChart", data, options);
     });
   };
 
-  defaultExport$2.prototype.renderPieChart = function renderPieChart (chart) {
-      var this$1 = this;
+  defaultExport.prototype.renderPieChart = function renderPieChart (chart) {
+      var this$1$1 = this;
 
     this.waitForLoaded(chart, function () {
       var chartOptions = {
@@ -1417,35 +1526,35 @@
         chartOptions.pieHole = 0.5;
       }
       if ("legend" in chart.options) {
-        hideLegend$2(chartOptions, chart.options.legend);
+        hideLegend(chartOptions, chart.options.legend);
       }
       if (chart.options.title) {
-        setTitle$2(chartOptions, chart.options.title);
+        setTitle(chartOptions, chart.options.title);
       }
-      var options = merge(merge(defaultOptions$2, chartOptions), chart.options.library || {});
+      var options = merge(merge(defaultOptions, chartOptions), chart.options.library || {});
 
-      var data = new this$1.library.visualization.DataTable();
+      var data = new this$1$1.library.visualization.DataTable();
       data.addColumn("string", "");
       data.addColumn("number", "Value");
       data.addRows(chart.data);
 
-      this$1.drawChart(chart, "PieChart", data, options);
+      this$1$1.drawChart(chart, "PieChart", data, options);
     });
   };
 
-  defaultExport$2.prototype.renderColumnChart = function renderColumnChart (chart) {
-      var this$1 = this;
+  defaultExport.prototype.renderColumnChart = function renderColumnChart (chart) {
+      var this$1$1 = this;
 
     this.waitForLoaded(chart, function () {
-      var options = jsOptions$2(chart, chart.options);
-      var data = this$1.createDataTable(chart.data, chart.xtype);
+      var options = jsOptions(chart, chart.options);
+      var data = this$1$1.createDataTable(chart.data, chart.xtype);
 
-      this$1.drawChart(chart, "ColumnChart", data, options);
+      this$1$1.drawChart(chart, "ColumnChart", data, options);
     });
   };
 
-  defaultExport$2.prototype.renderBarChart = function renderBarChart (chart) {
-      var this$1 = this;
+  defaultExport.prototype.renderBarChart = function renderBarChart (chart) {
+      var this$1$1 = this;
 
     this.waitForLoaded(chart, function () {
       var chartOptions = {
@@ -1455,15 +1564,15 @@
           }
         }
       };
-      var options = jsOptionsFunc(defaultOptions$2, hideLegend$2, setTitle$2, setBarMin$1, setBarMax$1, setStacked$2, setXtitle$2, setYtitle$2)(chart, chart.options, chartOptions);
-      var data = this$1.createDataTable(chart.data, chart.xtype);
+      var options = jsOptionsFunc(defaultOptions, hideLegend, setTitle, setBarMin, setBarMax, setStacked, setXtitle, setYtitle)(chart, chart.options, chartOptions);
+      var data = this$1$1.createDataTable(chart.data, chart.xtype);
 
-      this$1.drawChart(chart, "BarChart", data, options);
+      this$1$1.drawChart(chart, "BarChart", data, options);
     });
   };
 
-  defaultExport$2.prototype.renderAreaChart = function renderAreaChart (chart) {
-      var this$1 = this;
+  defaultExport.prototype.renderAreaChart = function renderAreaChart (chart) {
+      var this$1$1 = this;
 
     this.waitForLoaded(chart, function () {
       var chartOptions = {
@@ -1472,15 +1581,15 @@
         areaOpacity: 0.5
       };
 
-      var options = jsOptions$2(chart, chart.options, chartOptions);
-      var data = this$1.createDataTable(chart.data, chart.xtype);
+      var options = jsOptions(chart, chart.options, chartOptions);
+      var data = this$1$1.createDataTable(chart.data, chart.xtype);
 
-      this$1.drawChart(chart, "AreaChart", data, options);
+      this$1$1.drawChart(chart, "AreaChart", data, options);
     });
   };
 
-  defaultExport$2.prototype.renderGeoChart = function renderGeoChart (chart) {
-      var this$1 = this;
+  defaultExport.prototype.renderGeoChart = function renderGeoChart (chart) {
+      var this$1$1 = this;
 
     this.waitForLoaded(chart, "geochart", function () {
       var chartOptions = {
@@ -1489,29 +1598,30 @@
           colors: chart.options.colors || ["#f6c7b6", "#ce502d"]
         }
       };
-      var options = merge(merge(defaultOptions$2, chartOptions), chart.options.library || {});
+      var options = merge(merge(defaultOptions, chartOptions), chart.options.library || {});
 
-      var data = new this$1.library.visualization.DataTable();
+      var data = new this$1$1.library.visualization.DataTable();
       data.addColumn("string", "");
       data.addColumn("number", chart.options.label || "Value");
       data.addRows(chart.data);
 
-      this$1.drawChart(chart, "GeoChart", data, options);
+      this$1$1.drawChart(chart, "GeoChart", data, options);
     });
   };
 
-  defaultExport$2.prototype.renderScatterChart = function renderScatterChart (chart) {
-      var this$1 = this;
+  defaultExport.prototype.renderScatterChart = function renderScatterChart (chart) {
+      var this$1$1 = this;
 
     this.waitForLoaded(chart, function () {
       var chartOptions = {};
-      var options = jsOptions$2(chart, chart.options, chartOptions);
+      var options = jsOptions(chart, chart.options, chartOptions);
 
-      var series = chart.data, rows2 = [], i, j, data, d;
-      for (i = 0; i < series.length; i++) {
+      var series = chart.data;
+      var rows2 = [];
+      for (var i = 0; i < series.length; i++) {
         series[i].name = series[i].name || "Value";
-        d = series[i].data;
-        for (j = 0; j < d.length; j++) {
+        var d = series[i].data;
+        for (var j = 0; j < d.length; j++) {
           var row = new Array(series.length + 1);
           row[0] = d[j][0];
           row[i + 1] = d[j][1];
@@ -1519,19 +1629,19 @@
         }
       }
 
-      data = new this$1.library.visualization.DataTable();
+      var data = new this$1$1.library.visualization.DataTable();
       data.addColumn("number", "");
-      for (i = 0; i < series.length; i++) {
-        data.addColumn("number", series[i].name);
+      for (var i$1 = 0; i$1 < series.length; i$1++) {
+        data.addColumn("number", series[i$1].name);
       }
       data.addRows(rows2);
 
-      this$1.drawChart(chart, "ScatterChart", data, options);
+      this$1$1.drawChart(chart, "ScatterChart", data, options);
     });
   };
 
-  defaultExport$2.prototype.renderTimeline = function renderTimeline (chart) {
-      var this$1 = this;
+  defaultExport.prototype.renderTimeline = function renderTimeline (chart) {
+      var this$1$1 = this;
 
     this.waitForLoaded(chart, "timeline", function () {
       var chartOptions = {
@@ -1541,9 +1651,9 @@
       if (chart.options.colors) {
         chartOptions.colors = chart.options.colors;
       }
-      var options = merge(merge(defaultOptions$2, chartOptions), chart.options.library || {});
+      var options = merge(merge(defaultOptions, chartOptions), chart.options.library || {});
 
-      var data = new this$1.library.visualization.DataTable();
+      var data = new this$1$1.library.visualization.DataTable();
       data.addColumn({type: "string", id: "Name"});
       data.addColumn({type: "date", id: "Start"});
       data.addColumn({type: "date", id: "End"});
@@ -1551,18 +1661,20 @@
 
       chart.element.style.lineHeight = "normal";
 
-      this$1.drawChart(chart, "Timeline", data, options);
+      this$1$1.drawChart(chart, "Timeline", data, options);
     });
   };
 
-  defaultExport$2.prototype.destroy = function destroy (chart) {
+  // TODO remove resize events
+  defaultExport.prototype.destroy = function destroy (chart) {
     if (chart.chart) {
       chart.chart.clearChart();
     }
   };
 
-  defaultExport$2.prototype.drawChart = function drawChart (chart, type, data, options) {
+  defaultExport.prototype.drawChart = function drawChart (chart, type, data, options) {
     this.destroy(chart);
+    if (chart.destroyed) { return; }
 
     if (chart.options.code) {
       window.console.log("var data = new google.visualization.DataTable(" + data.toJSON() + ");\nvar chart = new google.visualization." + type + "(element);\nchart.draw(data, " + JSON.stringify(options) + ");");
@@ -1574,8 +1686,8 @@
     });
   };
 
-  defaultExport$2.prototype.waitForLoaded = function waitForLoaded (chart, pack, callback) {
-      var this$1 = this;
+  defaultExport.prototype.waitForLoaded = function waitForLoaded (chart, pack, callback) {
+      var this$1$1 = this;
 
     if (!callback) {
       callback = pack;
@@ -1592,7 +1704,7 @@
       // https://groups.google.com/forum/#!topic/google-visualization-api/fMKJcyA2yyI
       var loadOptions = {
         packages: [pack],
-        callback: function () { this$1.runCallbacks(); }
+        callback: function () { this$1$1.runCallbacks(); }
       };
       var config = chart.__config();
       if (config.language) {
@@ -1606,11 +1718,10 @@
     }
   };
 
-  defaultExport$2.prototype.runCallbacks = function runCallbacks () {
-    var cb, call;
+  defaultExport.prototype.runCallbacks = function runCallbacks () {
     for (var i = 0; i < callbacks.length; i++) {
-      cb = callbacks[i];
-      call = this.library.visualization && ((cb.pack === "corechart" && this.library.visualization.LineChart) || (cb.pack === "timeline" && this.library.visualization.Timeline) || (cb.pack === "geochart" && this.library.visualization.GeoChart));
+      var cb = callbacks[i];
+      var call = this.library.visualization && ((cb.pack === "corechart" && this.library.visualization.LineChart) || (cb.pack === "timeline" && this.library.visualization.Timeline) || (cb.pack === "geochart" && this.library.visualization.GeoChart));
       if (call) {
         cb.callback();
         callbacks.splice(i, 1);
@@ -1620,45 +1731,49 @@
   };
 
   // cant use object as key
-  defaultExport$2.prototype.createDataTable = function createDataTable (series, columnType) {
-    var i, j, s, d, key, rows = [], sortedLabels = [];
-    for (i = 0; i < series.length; i++) {
-      s = series[i];
+  defaultExport.prototype.createDataTable = function createDataTable (series, columnType) {
+    var rows = [];
+    var sortedLabels = [];
+    for (var i = 0; i < series.length; i++) {
+      var s = series[i];
       series[i].name = series[i].name || "Value";
 
-      for (j = 0; j < s.data.length; j++) {
-        d = s.data[j];
-        key = (columnType === "datetime") ? d[0].getTime() : d[0];
+      for (var j = 0; j < s.data.length; j++) {
+        var d = s.data[j];
+        var key = columnType === "datetime" ? d[0].getTime() : d[0];
         if (!rows[key]) {
           rows[key] = new Array(series.length);
           sortedLabels.push(key);
         }
-        rows[key][i] = toFloat(d[1]);
+        rows[key][i] = d[1];
       }
     }
 
     var rows2 = [];
-    var day = true;
-    var value;
-    for (j = 0; j < sortedLabels.length; j++) {
-      i = sortedLabels[j];
+    var values = [];
+    for (var j$1 = 0; j$1 < sortedLabels.length; j$1++) {
+      var i$1 = sortedLabels[j$1];
+      var value = (void 0);
       if (columnType === "datetime") {
-        value = new Date(toFloat(i));
-        day = day && isDay(value);
-      } else if (columnType === "number") {
-        value = toFloat(i);
+        value = new Date(i$1);
+        values.push(value);
       } else {
-        value = i;
+        value = i$1;
       }
-      rows2.push([value].concat(rows[i]));
+      rows2.push([value].concat(rows[i$1]));
     }
+
+    var day = true;
     if (columnType === "datetime") {
       rows2.sort(sortByTime);
+
+      var timeUnit = calculateTimeUnit(values, true);
+      day = isDay(timeUnit);
     } else if (columnType === "number") {
       rows2.sort(sortByNumberSeries);
 
-      for (i = 0; i < rows2.length; i++) {
-        rows2[i][0] = toStr(rows2[i][0]);
+      for (var i$2 = 0; i$2 < rows2.length; i$2++) {
+        rows2[i$2][0] = toStr(rows2[i$2][0]);
       }
 
       columnType = "string";
@@ -1668,215 +1783,24 @@
     var data = new this.library.visualization.DataTable();
     columnType = columnType === "datetime" && day ? "date" : columnType;
     data.addColumn(columnType, "");
-    for (i = 0; i < series.length; i++) {
-      data.addColumn("number", series[i].name);
+    for (var i$3 = 0; i$3 < series.length; i$3++) {
+      data.addColumn("number", series[i$3].name);
     }
     data.addRows(rows2);
 
     return data;
   };
 
-  var pendingRequests = [], runningRequests = 0, maxRequests = 4;
-
-  function pushRequest(url, success, error) {
-    pendingRequests.push([url, success, error]);
-    runNext();
-  }
-
-  function runNext() {
-    if (runningRequests < maxRequests) {
-      var request = pendingRequests.shift();
-      if (request) {
-        runningRequests++;
-        getJSON(request[0], request[1], request[2]);
-        runNext();
-      }
-    }
-  }
-
-  function requestComplete() {
-    runningRequests--;
-    runNext();
-  }
-
-  function getJSON(url, success, error) {
-    ajaxCall(url, success, function (jqXHR, textStatus, errorThrown) {
-      var message = (typeof errorThrown === "string") ? errorThrown : errorThrown.message;
-      error(message);
-    });
-  }
-
-  function ajaxCall(url, success, error) {
-    var $ = window.jQuery || window.Zepto || window.$;
-
-    if ($ && $.ajax) {
-      $.ajax({
-        dataType: "json",
-        url: url,
-        success: success,
-        error: error,
-        complete: requestComplete
-      });
-    } else {
-      var xhr = new XMLHttpRequest();
-      xhr.open("GET", url, true);
-      xhr.setRequestHeader("Content-Type", "application/json");
-      xhr.onload = function () {
-        requestComplete();
-        if (xhr.status === 200) {
-          success(JSON.parse(xhr.responseText), xhr.statusText, xhr);
-        } else {
-          error(xhr, "error", xhr.statusText);
-        }
-      };
-      xhr.send();
-    }
-  }
-
-  var config = {};
   var adapters = [];
 
-  // helpers
-
-  function setText(element, text) {
-    if (document.body.innerText) {
-      element.innerText = text;
-    } else {
-      element.textContent = text;
-    }
-  }
-
-  // TODO remove prefix for all messages
-  function chartError(element, message, noPrefix) {
-    if (!noPrefix) {
-      message = "Error Loading Chart: " + message;
-    }
-    setText(element, message);
-    element.style.color = "#ff0000";
-  }
-
-  function errorCatcher(chart) {
-    try {
-      chart.__render();
-    } catch (err) {
-      chartError(chart.element, err.message);
-      throw err;
-    }
-  }
-
-  function fetchDataSource(chart, dataSource) {
-    if (typeof dataSource === "string") {
-      pushRequest(dataSource, function (data) {
-        chart.rawData = data;
-        errorCatcher(chart);
-      }, function (message) {
-        chartError(chart.element, message);
-      });
-    } else if (typeof dataSource === "function") {
-      try {
-        dataSource(function (data) {
-          chart.rawData = data;
-          errorCatcher(chart);
-        }, function (message) {
-          chartError(chart.element, message, true);
-        });
-      } catch (err) {
-        chartError(chart.element, err, true);
-      }
-    } else {
-      chart.rawData = dataSource;
-      errorCatcher(chart);
-    }
-  }
-
-  function addDownloadButton(chart) {
-    var element = chart.element;
-    var link = document.createElement("a");
-
-    var download = chart.options.download;
-    if (download === true) {
-      download = {};
-    } else if (typeof download === "string") {
-      download = {filename: download};
-    }
-    link.download = download.filename || "chart.png"; // https://caniuse.com/download
-
-    link.style.position = "absolute";
-    link.style.top = "20px";
-    link.style.right = "20px";
-    link.style.zIndex = 1000;
-    link.style.lineHeight = "20px";
-    link.target = "_blank"; // for safari
-    var image = document.createElement("img");
-    image.alt = "Download";
-    image.style.border = "none";
-    // icon from font-awesome
-    // http://fa2png.io/
-    image.src = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAABCFBMVEUAAADMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMywEsqxAAAAV3RSTlMAAQIDBggJCgsMDQ4PERQaHB0eISIjJCouLzE0OTo/QUJHSUpLTU5PUllhYmltcHh5foWLjI+SlaCio6atr7S1t7m6vsHHyM7R2tze5Obo7fHz9ff5+/1hlxK2AAAA30lEQVQYGUXBhVYCQQBA0TdYWAt2d3d3YWAHyur7/z9xgD16Lw0DW+XKx+1GgX+FRzM3HWQWrHl5N/oapW5RPe0PkBu+UYeICvozTWZVK23Ao04B79oJrOsJDOoxkZoQPWgX29pHpCZEk7rEvQYiNSFq1UMqvlCjJkRBS1R8hb00Vb/TajtBL7nTHE1X1vyMQF732dQhyF2o6SAwrzP06iUQzvwsArlnzcOdrgBhJyHa1QOgO9U1GsKuvjUTjavliZYQ8nNPapG6sap/3nrIdJ6bOWzmX/fy0XVpfzZP3S8OJT3g9EEiJwAAAABJRU5ErkJggg==";
-    link.appendChild(image);
-    element.style.position = "relative";
-
-    chart.__downloadAttached = true;
-
-    // mouseenter
-    chart.__enterEvent = addEvent(element, "mouseover", function(e) {
-      var related = e.relatedTarget;
-      // check download option again to ensure it wasn't changed
-      if ((!related || (related !== this && !childOf(this, related))) && chart.options.download) {
-        link.href = chart.toImage(download);
-        element.appendChild(link);
-      }
-    });
-
-    // mouseleave
-    chart.__leaveEvent = addEvent(element, "mouseout", function(e) {
-      var related = e.relatedTarget;
-      if (!related || (related !== this && !childOf(this, related))) {
-        if (link.parentNode) {
-          link.parentNode.removeChild(link);
-        }
-      }
-    });
-  }
-
-  // https://stackoverflow.com/questions/10149963/adding-event-listener-cross-browser
-  function addEvent(elem, event, fn) {
-    if (elem.addEventListener) {
-      elem.addEventListener(event, fn, false);
-      return fn;
-    } else {
-      var fn2 = function() {
-        // set the this pointer same as addEventListener when fn is called
-        return(fn.call(elem, window.event));
-      };
-      elem.attachEvent("on" + event, fn2);
-      return fn2;
-    }
-  }
-
-  function removeEvent(elem, event, fn) {
-    if (elem.removeEventListener) {
-      elem.removeEventListener(event, fn, false);
-    } else {
-      elem.detachEvent("on" + event, fn);
-    }
-  }
-
-  // https://gist.github.com/shawnbot/4166283
-  function childOf(p, c) {
-    if (p === c) { return false; }
-    while (c && c !== p) { c = c.parentNode; }
-    return c === p;
-  }
-
   function getAdapterType(library) {
     if (library) {
       if (library.product === "Highcharts") {
         return defaultExport$1;
       } else if (library.charts) {
-        return defaultExport$2;
-      } else if (isFunction(library)) {
         return defaultExport;
+      } else if (isFunction(library)) {
+        return defaultExport$2;
       }
     }
     throw new Error("Unknown adapter");
@@ -1884,11 +1808,14 @@
 
   function addAdapter(library) {
     var adapterType = getAdapterType(library);
-    var adapter = new adapterType(library);
 
-    if (adapters.indexOf(adapter) === -1) {
-      adapters.push(adapter);
+    for (var i = 0; i < adapters.length; i++) {
+      if (adapters[i].library === library) {
+        return;
+      }
     }
+
+    adapters.push(new adapterType(library));
   }
 
   function loadAdapters() {
@@ -1905,41 +1832,16 @@
     }
   }
 
-  function dataEmpty(data, chartType) {
-    if (chartType === "PieChart" || chartType === "GeoChart" || chartType === "Timeline") {
-      return data.length === 0;
-    } else {
-      for (var i = 0; i < data.length; i++) {
-        if (data[i].data.length > 0) {
-          return false;
-        }
-      }
-      return true;
-    }
-  }
-
-  function renderChart(chartType, chart) {
-    if (chart.options.messages && chart.options.messages.empty && dataEmpty(chart.data, chartType)) {
-      setText(chart.element, chart.options.messages.empty);
-    } else {
-      callAdapter(chartType, chart);
-      if (chart.options.download && !chart.__downloadAttached && chart.adapter === "chartjs") {
-        addDownloadButton(chart);
-      }
-    }
-  }
-
   // TODO remove chartType if cross-browser way
   // to get the name of the chart class
   function callAdapter(chartType, chart) {
-    var i, adapter, fnName, adapterName;
-    fnName = "render" + chartType;
-    adapterName = chart.options.adapter;
+    var fnName = "render" + chartType;
+    var adapterName = chart.options.adapter;
 
     loadAdapters();
 
-    for (i = 0; i < adapters.length; i++) {
-      adapter = adapters[i];
+    for (var i = 0; i < adapters.length; i++) {
+      var adapter = adapters[i];
       if ((!adapterName || adapterName === adapter.name) && isFunction(adapter[fnName])) {
         chart.adapter = adapter.name;
         chart.__adapterObject = adapter;
@@ -1954,36 +1856,73 @@
     }
   }
 
-  // process data
+  var Chartkick = {
+    charts: {},
+    configure: function (options) {
+      for (var key in options) {
+        if (Object.prototype.hasOwnProperty.call(options, key)) {
+          Chartkick.config[key] = options[key];
+        }
+      }
+    },
+    setDefaultOptions: function (opts) {
+      Chartkick.options = opts;
+    },
+    eachChart: function (callback) {
+      for (var chartId in Chartkick.charts) {
+        if (Object.prototype.hasOwnProperty.call(Chartkick.charts, chartId)) {
+          callback(Chartkick.charts[chartId]);
+        }
+      }
+    },
+    destroyAll: function () {
+      for (var chartId in Chartkick.charts) {
+        if (Object.prototype.hasOwnProperty.call(Chartkick.charts, chartId)) {
+          Chartkick.charts[chartId].destroy();
+          delete Chartkick.charts[chartId];
+        }
+      }
+    },
+    config: {},
+    options: {},
+    adapters: adapters,
+    addAdapter: addAdapter,
+    use: function (adapter) {
+      addAdapter(adapter);
+      return Chartkick;
+    }
+  };
 
-  var toFormattedKey = function (key, keyType) {
+  function formatSeriesBubble(data) {
+    var r = [];
+    for (var i = 0; i < data.length; i++) {
+      r.push([toFloat(data[i][0]), toFloat(data[i][1]), toFloat(data[i][2])]);
+    }
+    return r;
+  }
+
+  // casts data to proper type
+  // sorting is left to adapters
+  function formatSeriesData(data, keyType) {
+    if (keyType === "bubble") {
+      return formatSeriesBubble(data);
+    }
+
+    var keyFunc;
     if (keyType === "number") {
-      key = toFloat(key);
+      keyFunc = toFloat;
     } else if (keyType === "datetime") {
-      key = toDate(key);
+      keyFunc = toDate;
     } else {
-      key = toStr(key);
+      keyFunc = toStr;
     }
-    return key;
-  };
 
-  var formatSeriesData = function (data, keyType) {
-    var r = [], key, j;
-    for (j = 0; j < data.length; j++) {
-      if (keyType === "bubble") {
-        r.push([toFloat(data[j][0]), toFloat(data[j][1]), toFloat(data[j][2])]);
-      } else {
-        key = toFormattedKey(data[j][0], keyType);
-        r.push([key, toFloat(data[j][1])]);
-      }
-    }
-    if (keyType === "datetime") {
-      r.sort(sortByTime);
-    } else if (keyType === "number") {
-      r.sort(sortByNumberSeries);
+    var r = [];
+    for (var i = 0; i < data.length; i++) {
+      r.push([keyFunc(data[i][0]), toFloat(data[i][1])]);
     }
     return r;
-  };
+  }
 
   function detectXType(series, noDatetime, options) {
     if (dataEmpty(series)) {
@@ -2002,10 +1941,9 @@
   }
 
   function detectXTypeWithFunction(series, func) {
-    var i, j, data;
-    for (i = 0; i < series.length; i++) {
-      data = toArr(series[i].data);
-      for (j = 0; j < data.length; j++) {
+    for (var i = 0; i < series.length; i++) {
+      var data = toArr(series[i].data);
+      for (var j = 0; j < data.length; j++) {
         if (!func(data[j][0])) {
           return false;
         }
@@ -2017,11 +1955,11 @@
   // creates a shallow copy of each element of the array
   // elements are expected to be objects
   function copySeries(series) {
-    var newSeries = [], i, j;
-    for (i = 0; i < series.length; i++) {
+    var newSeries = [];
+    for (var i = 0; i < series.length; i++) {
       var copy = {};
-      for (j in series[i]) {
-        if (series[i].hasOwnProperty(j)) {
+      for (var j in series[i]) {
+        if (Object.prototype.hasOwnProperty.call(series[i], j)) {
           copy[j] = series[i][j];
         }
       }
@@ -2031,62 +1969,237 @@
   }
 
   function processSeries(chart, keyType, noDatetime) {
-    var i;
-
     var opts = chart.options;
     var series = chart.rawData;
 
     // see if one series or multiple
-    if (!isArray(series) || typeof series[0] !== "object" || isArray(series[0])) {
+    chart.singleSeriesFormat = !isArray(series) || !isPlainObject(series[0]);
+    if (chart.singleSeriesFormat) {
       series = [{name: opts.label, data: series}];
-      chart.hideLegend = true;
-    } else {
-      chart.hideLegend = false;
     }
 
     // convert to array
     // must come before dataEmpty check
     series = copySeries(series);
-    for (i = 0; i < series.length; i++) {
+    for (var i = 0; i < series.length; i++) {
       series[i].data = toArr(series[i].data);
     }
 
-    chart.xtype = keyType ? keyType : (opts.discrete ? "string" : detectXType(series, noDatetime, opts));
+    chart.xtype = keyType || (opts.discrete ? "string" : detectXType(series, noDatetime, opts));
 
     // right format
-    for (i = 0; i < series.length; i++) {
-      series[i].data = formatSeriesData(series[i].data, chart.xtype);
+    for (var i$1 = 0; i$1 < series.length; i$1++) {
+      series[i$1].data = formatSeriesData(series[i$1].data, chart.xtype);
     }
 
     return series;
   }
 
   function processSimple(chart) {
-    var perfectData = toArr(chart.rawData), i;
-    for (i = 0; i < perfectData.length; i++) {
+    var perfectData = toArr(chart.rawData);
+    for (var i = 0; i < perfectData.length; i++) {
       perfectData[i] = [toStr(perfectData[i][0]), toFloat(perfectData[i][1])];
     }
     return perfectData;
   }
 
-  // define classes
+  function dataEmpty(data, chartType) {
+    if (chartType === "PieChart" || chartType === "GeoChart" || chartType === "Timeline") {
+      return data.length === 0;
+    } else {
+      for (var i = 0; i < data.length; i++) {
+        if (data[i].data.length > 0) {
+          return false;
+        }
+      }
+      return true;
+    }
+  }
 
-  var Chart = function Chart(element, dataSource, options) {
-    var elementId;
+  function addDownloadButton(chart) {
+    var download = chart.options.download;
+    if (download === true) {
+      download = {};
+    } else if (typeof download === "string") {
+      download = {filename: download};
+    }
+
+    var link = document.createElement("a");
+    link.download = download.filename || "chart.png";
+    link.style.position = "absolute";
+    link.style.top = "20px";
+    link.style.right = "20px";
+    link.style.zIndex = 1000;
+    link.style.lineHeight = "20px";
+    link.target = "_blank"; // for safari
+
+    var image = document.createElement("img");
+    // icon from Font Awesome, modified to set fill color
+    var svg = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><!--! Font Awesome Free 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. --><path fill=\"#CCCCCC\" d=\"M344 240h-56L287.1 152c0-13.25-10.75-24-24-24h-16C234.7 128 223.1 138.8 223.1 152L224 240h-56c-9.531 0-18.16 5.656-22 14.38C142.2 263.1 143.9 273.3 150.4 280.3l88.75 96C243.7 381.2 250.1 384 256.8 384c7.781-.3125 13.25-2.875 17.75-7.844l87.25-96c6.406-7.031 8.031-17.19 4.188-25.88S353.5 240 344 240zM256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464z\"/></svg>";
+    image.src = "data:image/svg+xml;utf8," + (encodeURIComponent(svg));
+    image.alt = "Download";
+    image.style.width = "20px";
+    image.style.height = "20px";
+    image.style.border = "none";
+    link.appendChild(image);
+
+    var element = chart.element;
+    element.style.position = "relative";
+
+    chart.__downloadAttached = true;
+
+    // mouseenter
+    chart.__enterEvent = element.addEventListener("mouseover", function (e) {
+      var related = e.relatedTarget;
+      // check download option again to ensure it wasn't changed
+      if ((!related || (related !== this && !this.contains(related))) && chart.options.download) {
+        link.href = chart.toImage(download);
+        element.appendChild(link);
+      }
+    });
+
+    // mouseleave
+    chart.__leaveEvent = element.addEventListener("mouseout", function (e) {
+      var related = e.relatedTarget;
+      if (!related || (related !== this && !this.contains(related))) {
+        if (link.parentNode) {
+          link.parentNode.removeChild(link);
+        }
+      }
+    });
+  }
+
+  var pendingRequests = [];
+  var runningRequests = 0;
+  var maxRequests = 4;
+
+  function pushRequest(url, success, error) {
+    pendingRequests.push([url, success, error]);
+    runNext();
+  }
+
+  function runNext() {
+    if (runningRequests < maxRequests) {
+      var request = pendingRequests.shift();
+      if (request) {
+        runningRequests++;
+        getJSON(request[0], request[1], request[2]);
+        runNext();
+      }
+    }
+  }
+
+  function requestComplete() {
+    runningRequests--;
+    runNext();
+  }
+
+  function getJSON(url, success, error) {
+    var xhr = new XMLHttpRequest();
+    xhr.open("GET", url, true);
+    xhr.setRequestHeader("Content-Type", "application/json");
+    xhr.onload = function () {
+      requestComplete();
+      if (xhr.status === 200) {
+        success(JSON.parse(xhr.responseText));
+      } else {
+        error(xhr.statusText);
+      }
+    };
+    xhr.send();
+  }
+
+  // helpers
+
+  function setText(element, text) {
+    element.textContent = text;
+  }
+
+  // TODO remove prefix for all messages
+  function chartError(element, message, noPrefix) {
+    if (!noPrefix) {
+      message = "Error Loading Chart: " + message;
+    }
+    setText(element, message);
+    element.style.color = "#ff0000";
+  }
+
+  function errorCatcher(chart) {
+    try {
+      chart.__render();
+    } catch (err) {
+      chartError(chart.element, err.message);
+      throw err;
+    }
+  }
+
+  function fetchDataSource(chart, dataSource, showLoading) {
+    // only show loading message for urls and callbacks
+    if (showLoading && chart.options.loading && (typeof dataSource === "string" || typeof dataSource === "function")) {
+      setText(chart.element, chart.options.loading);
+    }
+
+    if (typeof dataSource === "string") {
+      pushRequest(dataSource, function (data) {
+        chart.rawData = data;
+        errorCatcher(chart);
+      }, function (message) {
+        chartError(chart.element, message);
+      });
+    } else if (typeof dataSource === "function") {
+      try {
+        dataSource(function (data) {
+          chart.rawData = data;
+          errorCatcher(chart);
+        }, function (message) {
+          chartError(chart.element, message, true);
+        });
+      } catch (err) {
+        chartError(chart.element, err, true);
+      }
+    } else {
+      chart.rawData = dataSource;
+      errorCatcher(chart);
+    }
+  }
+
+  function renderChart(chartType, chart) {
+    if (dataEmpty(chart.data, chartType)) {
+      var message = chart.options.empty || (chart.options.messages && chart.options.messages.empty) || "No data";
+      setText(chart.element, message);
+    } else {
+      callAdapter(chartType, chart);
+      // TODO add downloadSupported method to adapter
+      if (chart.options.download && !chart.__downloadAttached && chart.adapter === "chartjs") {
+        addDownloadButton(chart);
+      }
+    }
+  }
+
+  function getElement(element) {
     if (typeof element === "string") {
-      elementId = element;
+      var elementId = element;
       element = document.getElementById(element);
       if (!element) {
         throw new Error("No element with id " + elementId);
       }
     }
-    this.element = element;
+    return element;
+  }
+
+  // define classes
+
+  var Chart = function Chart(element, dataSource, options) {
+    this.element = getElement(element);
     this.options = merge(Chartkick.options, options || {});
     this.dataSource = dataSource;
 
-    Chartkick.charts[element.id] = this;
+    // TODO handle charts without an id for eachChart and destroyAll
+    if (this.element.id) {
+      Chartkick.charts[this.element.id] = this;
+    }
 
-    fetchDataSource(this, dataSource);
+    fetchDataSource(this, dataSource, true);
 
     if (this.options.refresh) {
       this.startRefresh();
@@ -2122,7 +2235,7 @@
     if (options) {
       this.__updateOptions(options);
     }
-    fetchDataSource(this, dataSource);
+    fetchDataSource(this, dataSource, true);
   };
 
   Chart.prototype.setOptions = function setOptions (options) {
@@ -2146,7 +2259,7 @@
   };
 
   Chart.prototype.startRefresh = function startRefresh () {
-      var this$1 = this;
+      var this$1$1 = this;
 
     var refresh = this.options.refresh;
 
@@ -2156,8 +2269,8 @@
 
     if (!this.intervalId) {
       if (refresh) {
-        this.intervalId = setInterval( function () {
-          this$1.refreshData();
+        this.intervalId = setInterval(function () {
+          this$1$1.refreshData();
         }, refresh * 1000);
       } else {
         throw new Error("No refresh interval");
@@ -2173,11 +2286,12 @@
   };
 
   Chart.prototype.toImage = function toImage (download) {
+    // TODO move logic to adapter
     if (this.adapter === "chartjs") {
       if (download && download.background && download.background !== "transparent") {
         // https://stackoverflow.com/questions/30464750/chartjs-line-chart-set-background-color
-        var canvas = this.chart.chart.canvas;
-        var ctx = this.chart.chart.ctx;
+        var canvas = this.chart.canvas;
+        var ctx = this.chart.ctx;
         var tmpCanvas = document.createElement("canvas");
         var tmpCtx = tmpCanvas.getContext("2d");
         tmpCanvas.width = ctx.canvas.width;
@@ -2190,23 +2304,24 @@
         return this.chart.toBase64Image();
       }
     } else {
-      // TODO throw error in next major version
-      // throw new Error("Feature only available for Chart.js");
-      return null;
+      throw new Error("Feature only available for Chart.js");
     }
   };
 
   Chart.prototype.destroy = function destroy () {
+    this.destroyed = true;
+    this.stopRefresh();
+
     if (this.__adapterObject) {
       this.__adapterObject.destroy(this);
     }
 
     if (this.__enterEvent) {
-      removeEvent(this.element, "mouseover", this.__enterEvent);
+      this.element.removeEventListener("mouseover", this.__enterEvent);
     }
 
     if (this.__leaveEvent) {
-      removeEvent(this.element, "mouseout", this.__leaveEvent);
+      this.element.removeEventListener("mouseout", this.__leaveEvent);
     }
   };
 
@@ -2225,7 +2340,7 @@
   };
 
   Chart.prototype.__config = function __config () {
-    return config;
+    return Chartkick.config;
   };
 
   var LineChart = /*@__PURE__*/(function (Chart) {
@@ -2398,8 +2513,8 @@
     Timeline.prototype.constructor = Timeline;
 
     Timeline.prototype.__processData = function __processData () {
-      var i, data = this.rawData;
-      for (i = 0; i < data.length; i++) {
+      var data = this.rawData;
+      for (var i = 0; i < data.length; i++) {
         data[i][1] = toDate(data[i][1]);
         data[i][2] = toDate(data[i][2]);
       }
@@ -2413,47 +2528,38 @@
     return Timeline;
   }(Chart));
 
-  var Chartkick = {
-    LineChart: LineChart,
-    PieChart: PieChart,
-    ColumnChart: ColumnChart,
-    BarChart: BarChart,
-    AreaChart: AreaChart,
-    GeoChart: GeoChart,
-    ScatterChart: ScatterChart,
-    BubbleChart: BubbleChart,
-    Timeline: Timeline,
-    charts: {},
-    configure: function (options) {
-      for (var key in options) {
-        if (options.hasOwnProperty(key)) {
-          config[key] = options[key];
-        }
-      }
-    },
-    setDefaultOptions: function (opts) {
-      Chartkick.options = opts;
-    },
-    eachChart: function (callback) {
-      for (var chartId in Chartkick.charts) {
-        if (Chartkick.charts.hasOwnProperty(chartId)) {
-          callback(Chartkick.charts[chartId]);
-        }
-      }
-    },
-    config: config,
-    options: {},
-    adapters: adapters,
-    addAdapter: addAdapter,
-    use: function(adapter) {
-      addAdapter(adapter);
-      return Chartkick;
-    }
-  };
+  Chartkick.LineChart = LineChart;
+  Chartkick.PieChart = PieChart;
+  Chartkick.ColumnChart = ColumnChart;
+  Chartkick.BarChart = BarChart;
+  Chartkick.AreaChart = AreaChart;
+  Chartkick.GeoChart = GeoChart;
+  Chartkick.ScatterChart = ScatterChart;
+  Chartkick.BubbleChart = BubbleChart;
+  Chartkick.Timeline = Timeline;
 
   // not ideal, but allows for simpler integration
   if (typeof window !== "undefined" && !window.Chartkick) {
     window.Chartkick = Chartkick;
+
+    // clean up previous charts before Turbolinks loads new page
+    document.addEventListener("turbolinks:before-render", function () {
+      if (Chartkick.config.autoDestroy !== false) {
+        Chartkick.destroyAll();
+      }
+    });
+
+    // clean up previous charts before Turbo loads new page
+    document.addEventListener("turbo:before-render", function () {
+      if (Chartkick.config.autoDestroy !== false) {
+        Chartkick.destroyAll();
+      }
+    });
+
+    // use setTimeout so charting library can come later in same JS file
+    setTimeout(function () {
+      window.dispatchEvent(new Event("chartkick:load"));
+    }, 0);
   }
 
   // backwards compatibility for esm require
@@ -2461,4 +2567,4 @@
 
   return Chartkick;
 
-})));
+}));