chartkick 4.0.4 → 4.0.5

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 4e28ff576b7b488cc3ca1add95bf96832461189f5b085816e67d9923fdf13494
-  data.tar.gz: 282c01fdc0d199d4dd9d17a0aa887a67a0d8ce52df584a46d172e636496ad25e
+  metadata.gz: ecf49f61e1962e1952df47113fea621bafe1bb423e50903ce98e1b6213c3c9cb
+  data.tar.gz: 29167dca418215178ea525061dc3113d186a53076ce77472241f54e99edc4b13
 SHA512:
-  metadata.gz: 3a450c12a1973131b412d99525d400d2910e63e24edb93cb6ce27670dc6a1eaf70e13dfec9829a67cae6afcf4e77737eea2c442232c00bdd3c5d5e7b126a1a93
-  data.tar.gz: 3d59060b8e7dd24f3239dccc0b7079a66e3d1351a1e565e948e46faa2a2b28a462ee6d91b99602a334f91861ea2cf3a77419bf0c86677a83c278b4f97ef3d4fb
+  metadata.gz: 4ba35050af1933c7d343125a291a515e26f6ae143b081d6346e0e709b920d299ff44a0f262559b1b358d778154b2a103132b751f9c37a905c5e789776bafca17
+  data.tar.gz: 3a3f5d3c57e7af61bcfc7b86d5888b4f2124b5e07fa86256eb7eb6298125b14c5a6293e926802ea3ac2d45a48fdf5fd222a2c47ba9ffb08209f8dc5768ad6000

data/CHANGELOG.md

@@ -1,3 +1,8 @@
+## 4.0.5 (2021-07-07)
+
+- Updated Chartkick.js to 4.0.5
+- Updated Chart.js to 3.4.1
+
 ## 4.0.4 (2021-05-01)
 
 - Updated Chartkick.js to 4.0.4

data/lib/chartkick/version.rb

@@ -1,3 +1,3 @@
 module Chartkick
-  VERSION = "4.0.4"
+  VERSION = "4.0.5"
 end

data/vendor/assets/javascripts/Chart.bundle.js

@@ -1,5 +1,5 @@
 /*!
- * Chart.js v3.2.1
+ * Chart.js v3.4.1
  * https://www.chartjs.org
  * (c) 2021 Chart.js Contributors
  * Released under the MIT License
@@ -217,6 +217,10 @@
     return _get(target, property, receiver || target);
   }
 
+  function _slicedToArray(arr, i) {
+    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+  }
+
   function _toConsumableArray(arr) {
     return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
   }
@@ -225,10 +229,41 @@
     if (Array.isArray(arr)) return _arrayLikeToArray(arr);
   }
 
+  function _arrayWithHoles(arr) {
+    if (Array.isArray(arr)) return arr;
+  }
+
   function _iterableToArray(iter) {
     if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter);
   }
 
+  function _iterableToArrayLimit(arr, i) {
+    if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _e = undefined;
+
+    try {
+      for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
+        _arr.push(_s.value);
+
+        if (i && _arr.length === i) break;
+      }
+    } catch (err) {
+      _d = true;
+      _e = err;
+    } finally {
+      try {
+        if (!_n && _i["return"] != null) _i["return"]();
+      } finally {
+        if (_d) throw _e;
+      }
+    }
+
+    return _arr;
+  }
+
   function _unsupportedIterableToArray(o, minLen) {
     if (!o) return;
     if (typeof o === "string") return _arrayLikeToArray(o, minLen);
@@ -250,6 +285,10 @@
     throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
 
+  function _nonIterableRest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+
   function _createForOfIteratorHelper(o, allowArrayLike) {
     var it;
 
@@ -363,8 +402,9 @@
     return align === 'start' ? start : align === 'end' ? end : (start + end) / 2;
   };
 
-  var _textX = function _textX(align, left, right) {
-    return align === 'right' ? right : align === 'center' ? (left + right) / 2 : left;
+  var _textX = function _textX(align, left, right, rtl) {
+    var check = rtl ? 'left' : 'right';
+    return align === check ? right : align === 'center' ? (left + right) / 2 : left;
   };
 
   function noop() {}
@@ -631,6 +671,8 @@
   var sign = Math.sign;
 
   function niceNum(range) {
+    var roundedRange = Math.round(range);
+    range = almostEquals(range, roundedRange, range / 1000) ? roundedRange : range;
     var niceRange = Math.pow(10, Math.floor(log10(range)));
     var fraction = range / niceRange;
     var niceFraction = fraction <= 1 ? 1 : fraction <= 2 ? 2 : fraction <= 5 ? 5 : 10;
@@ -737,7 +779,7 @@
     return (a % TAU + TAU) % TAU;
   }
 
-  function _angleBetween(angle, start, end) {
+  function _angleBetween(angle, start, end, sameAngleIsFullCircle) {
     var a = _normalizeAngle(angle);
 
     var s = _normalizeAngle(start);
@@ -752,7 +794,7 @@
 
     var endToAngle = _normalizeAngle(a - e);
 
-    return a === s || a === e || angleToStart > angleToEnd && startToAngle < endToAngle;
+    return a === s || a === e || sameAngleIsFullCircle && s === e || angleToStart > angleToEnd && startToAngle < endToAngle;
   }
 
   function _limitValue(value, min, max) {
@@ -902,7 +944,7 @@
    * Released under the MIT License
    */
 
-  var map = {
+  var map$1 = {
     0: 0,
     1: 1,
     2: 2,
@@ -951,17 +993,17 @@
     if (str[0] === '#') {
       if (len === 4 || len === 5) {
         ret = {
-          r: 255 & map[str[1]] * 17,
-          g: 255 & map[str[2]] * 17,
-          b: 255 & map[str[3]] * 17,
-          a: len === 5 ? map[str[4]] * 17 : 255
+          r: 255 & map$1[str[1]] * 17,
+          g: 255 & map$1[str[2]] * 17,
+          b: 255 & map$1[str[3]] * 17,
+          a: len === 5 ? map$1[str[4]] * 17 : 255
         };
       } else if (len === 7 || len === 9) {
         ret = {
-          r: map[str[1]] << 4 | map[str[2]],
-          g: map[str[3]] << 4 | map[str[4]],
-          b: map[str[5]] << 4 | map[str[6]],
-          a: len === 9 ? map[str[7]] << 4 | map[str[8]] : 255
+          r: map$1[str[1]] << 4 | map$1[str[2]],
+          g: map$1[str[3]] << 4 | map$1[str[4]],
+          b: map$1[str[5]] << 4 | map$1[str[6]],
+          a: len === 9 ? map$1[str[7]] << 4 | map$1[str[8]] : 255
         };
       }
     }
@@ -1166,7 +1208,7 @@
     return v.a < 255 ? "hsla(".concat(h, ", ").concat(s, "%, ").concat(l, "%, ").concat(b2n(v.a), ")") : "hsl(".concat(h, ", ").concat(s, "%, ").concat(l, "%)");
   }
 
-  var map$1 = {
+  var map$1$1 = {
     x: 'dark',
     Z: 'light',
     Y: 're',
@@ -1349,7 +1391,7 @@
   function unpack() {
     var unpacked = {};
     var keys = Object.keys(names);
-    var tkeys = Object.keys(map$1);
+    var tkeys = Object.keys(map$1$1);
     var i, j, k, ok, nk;
 
     for (i = 0; i < keys.length; i++) {
@@ -1357,7 +1399,7 @@
 
       for (j = 0; j < tkeys.length; j++) {
         k = tkeys[j];
-        nk = nk.replace(k, map$1[k]);
+        nk = nk.replace(k, map$1$1[k]);
       }
 
       k = parseInt(names[ok], 16);
@@ -2015,28 +2057,8 @@
     var stroke = opts.strokeWidth > 0 && opts.strokeColor !== '';
     var i, line;
     ctx.save();
-
-    if (opts.translation) {
-      ctx.translate(opts.translation[0], opts.translation[1]);
-    }
-
-    if (!isNullOrUndef(opts.rotation)) {
-      ctx.rotate(opts.rotation);
-    }
-
     ctx.font = font.string;
-
-    if (opts.color) {
-      ctx.fillStyle = opts.color;
-    }
-
-    if (opts.textAlign) {
-      ctx.textAlign = opts.textAlign;
-    }
-
-    if (opts.textBaseline) {
-      ctx.textBaseline = opts.textBaseline;
-    }
+    setRenderOpts(ctx, opts);
 
     for (i = 0; i < lines.length; ++i) {
       line = lines[i];
@@ -2054,28 +2076,52 @@
       }
 
       ctx.fillText(line, x, y, opts.maxWidth);
-
-      if (opts.strikethrough || opts.underline) {
-        var metrics = ctx.measureText(line);
-        var left = x - metrics.actualBoundingBoxLeft;
-        var right = x + metrics.actualBoundingBoxRight;
-        var top = y - metrics.actualBoundingBoxAscent;
-        var bottom = y + metrics.actualBoundingBoxDescent;
-        var yDecoration = opts.strikethrough ? (top + bottom) / 2 : bottom;
-        ctx.strokeStyle = ctx.fillStyle;
-        ctx.beginPath();
-        ctx.lineWidth = opts.decorationWidth || 2;
-        ctx.moveTo(left, yDecoration);
-        ctx.lineTo(right, yDecoration);
-        ctx.stroke();
-      }
-
+      decorateText(ctx, x, y, line, opts);
       y += font.lineHeight;
     }
 
     ctx.restore();
   }
 
+  function setRenderOpts(ctx, opts) {
+    if (opts.translation) {
+      ctx.translate(opts.translation[0], opts.translation[1]);
+    }
+
+    if (!isNullOrUndef(opts.rotation)) {
+      ctx.rotate(opts.rotation);
+    }
+
+    if (opts.color) {
+      ctx.fillStyle = opts.color;
+    }
+
+    if (opts.textAlign) {
+      ctx.textAlign = opts.textAlign;
+    }
+
+    if (opts.textBaseline) {
+      ctx.textBaseline = opts.textBaseline;
+    }
+  }
+
+  function decorateText(ctx, x, y, line, opts) {
+    if (opts.strikethrough || opts.underline) {
+      var metrics = ctx.measureText(line);
+      var left = x - metrics.actualBoundingBoxLeft;
+      var right = x + metrics.actualBoundingBoxRight;
+      var top = y - metrics.actualBoundingBoxAscent;
+      var bottom = y + metrics.actualBoundingBoxDescent;
+      var yDecoration = opts.strikethrough ? (top + bottom) / 2 : bottom;
+      ctx.strokeStyle = ctx.fillStyle;
+      ctx.beginPath();
+      ctx.lineWidth = opts.decorationWidth || 2;
+      ctx.moveTo(left, yDecoration);
+      ctx.lineTo(right, yDecoration);
+      ctx.stroke();
+    }
+  }
+
   function addRoundedRectPath(ctx, rect) {
     var x = rect.x,
         y = rect.y,
@@ -2367,11 +2413,7 @@
       return items;
     }
 
-    var result = [];
-    set.forEach(function (item) {
-      result.push(item);
-    });
-    return result;
+    return Array.from(set);
   }
 
   function _createResolver(scopes) {
@@ -2553,7 +2595,7 @@
         _stack = target._stack;
 
     if (_stack.has(prop)) {
-      throw new Error('Recursion detected: ' + _toConsumableArray(_stack).join('->') + '->' + prop);
+      throw new Error('Recursion detected: ' + Array.from(_stack).join('->') + '->' + prop);
     }
 
     _stack.add(prop);
@@ -2662,14 +2704,8 @@
       }
     }
 
-    return _createResolver(_toConsumableArray(set), [''], rootScopes, fallback, function () {
-      var parent = resolver._getTarget();
-
-      if (!(prop in parent)) {
-        parent[prop] = {};
-      }
-
-      return parent[prop];
+    return _createResolver(Array.from(set), [''], rootScopes, fallback, function () {
+      return subGetTarget(resolver, prop, value);
     });
   }
 
@@ -2681,6 +2717,22 @@
     return key;
   }
 
+  function subGetTarget(resolver, prop, value) {
+    var parent = resolver._getTarget();
+
+    if (!(prop in parent)) {
+      parent[prop] = {};
+    }
+
+    var target = parent[prop];
+
+    if (isArray(target) && isObject(value)) {
+      return value;
+    }
+
+    return target;
+  }
+
   function _resolveWithPrefixes(prop, prefixes, scopes, proxy) {
     var value;
 
@@ -2770,7 +2822,7 @@
       _iterator7.f();
     }
 
-    return _toConsumableArray(set);
+    return Array.from(set);
   }
 
   var EPSILON = Number.EPSILON || 1e-14;
@@ -2779,6 +2831,10 @@
     return i < points.length && !points[i].skip && points[i];
   };
 
+  var getValueAxis = function getValueAxis(indexAxis) {
+    return indexAxis === 'x' ? 'y' : 'x';
+  };
+
   function splineCurve(firstPoint, middlePoint, afterPoint, t) {
     var previous = firstPoint.skip ? middlePoint : firstPoint;
     var current = middlePoint;
@@ -2836,8 +2892,10 @@
   }
 
   function monotoneCompute(points, mK) {
+    var indexAxis = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'x';
+    var valueAxis = getValueAxis(indexAxis);
     var pointsLen = points.length;
-    var deltaX, pointBefore, pointCurrent;
+    var delta, pointBefore, pointCurrent;
     var pointAfter = getPoint(points, 0);
 
     for (var i = 0; i < pointsLen; ++i) {
@@ -2849,25 +2907,26 @@
         continue;
       }
 
-      var _pointCurrent = pointCurrent,
-          x = _pointCurrent.x,
-          y = _pointCurrent.y;
+      var iPixel = pointCurrent[indexAxis];
+      var vPixel = pointCurrent[valueAxis];
 
       if (pointBefore) {
-        deltaX = (x - pointBefore.x) / 3;
-        pointCurrent.cp1x = x - deltaX;
-        pointCurrent.cp1y = y - deltaX * mK[i];
+        delta = (iPixel - pointBefore[indexAxis]) / 3;
+        pointCurrent["cp1".concat(indexAxis)] = iPixel - delta;
+        pointCurrent["cp1".concat(valueAxis)] = vPixel - delta * mK[i];
       }
 
       if (pointAfter) {
-        deltaX = (pointAfter.x - x) / 3;
-        pointCurrent.cp2x = x + deltaX;
-        pointCurrent.cp2y = y + deltaX * mK[i];
+        delta = (pointAfter[indexAxis] - iPixel) / 3;
+        pointCurrent["cp2".concat(indexAxis)] = iPixel + delta;
+        pointCurrent["cp2".concat(valueAxis)] = vPixel + delta * mK[i];
       }
     }
   }
 
   function splineCurveMonotone(points) {
+    var indexAxis = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'x';
+    var valueAxis = getValueAxis(indexAxis);
     var pointsLen = points.length;
     var deltaK = Array(pointsLen).fill(0);
     var mK = Array(pointsLen);
@@ -2884,15 +2943,15 @@
       }
 
       if (pointAfter) {
-        var slopeDeltaX = pointAfter.x - pointCurrent.x;
-        deltaK[i] = slopeDeltaX !== 0 ? (pointAfter.y - pointCurrent.y) / slopeDeltaX : 0;
+        var slopeDelta = pointAfter[indexAxis] - pointCurrent[indexAxis];
+        deltaK[i] = slopeDelta !== 0 ? (pointAfter[valueAxis] - pointCurrent[valueAxis]) / slopeDelta : 0;
       }
 
       mK[i] = !pointBefore ? deltaK[i] : !pointAfter ? deltaK[i - 1] : sign(deltaK[i - 1]) !== sign(deltaK[i]) ? 0 : (deltaK[i - 1] + deltaK[i]) / 2;
     }
 
     monotoneAdjust(points, deltaK, mK);
-    monotoneCompute(points, mK);
+    monotoneCompute(points, mK, indexAxis);
   }
 
   function capControlPoint(pt, min, max) {
@@ -2927,7 +2986,7 @@
     }
   }
 
-  function _updateBezierControlPoints(points, options, area, loop) {
+  function _updateBezierControlPoints(points, options, area, loop, indexAxis) {
     var i, ilen, point, controlPoints;
 
     if (options.spanGaps) {
@@ -2937,7 +2996,7 @@
     }
 
     if (options.cubicInterpolationMode === 'monotone') {
-      splineCurveMonotone(points);
+      splineCurveMonotone(points, indexAxis);
     } else {
       var prev = loop ? points[points.length - 1] : points[0];
 
@@ -3131,18 +3190,27 @@
   }
 
   function retinaScale(chart, forceRatio, forceStyle) {
-    var pixelRatio = chart.currentDevicePixelRatio = forceRatio || 1;
-    var canvas = chart.canvas,
-        width = chart.width,
-        height = chart.height;
-    canvas.height = height * pixelRatio;
-    canvas.width = width * pixelRatio;
-    chart.ctx.setTransform(pixelRatio, 0, 0, pixelRatio, 0, 0);
+    var pixelRatio = forceRatio || 1;
+    var deviceHeight = Math.floor(chart.height * pixelRatio);
+    var deviceWidth = Math.floor(chart.width * pixelRatio);
+    chart.height = deviceHeight / pixelRatio;
+    chart.width = deviceWidth / pixelRatio;
+    var canvas = chart.canvas;
 
     if (canvas.style && (forceStyle || !canvas.style.height && !canvas.style.width)) {
-      canvas.style.height = height + 'px';
-      canvas.style.width = width + 'px';
+      canvas.style.height = "".concat(chart.height, "px");
+      canvas.style.width = "".concat(chart.width, "px");
+    }
+
+    if (chart.currentDevicePixelRatio !== pixelRatio || canvas.height !== deviceHeight || canvas.width !== deviceWidth) {
+      chart.currentDevicePixelRatio = pixelRatio;
+      canvas.height = deviceHeight;
+      canvas.width = deviceWidth;
+      chart.ctx.setTransform(pixelRatio, 0, 0, pixelRatio, 0, 0);
+      return true;
     }
+
+    return false;
   }
 
   var supportsEventListenerOptions = function () {
@@ -3419,6 +3487,11 @@
       }
 
       value = normalize(point[property]);
+
+      if (value === prevValue) {
+        continue;
+      }
+
       inside = between(value, startBound, endBound);
 
       if (subStart === null && shouldStart()) {
@@ -4269,7 +4342,8 @@
       top: t,
       right: r,
       bottom: b,
-      left: l
+      left: l,
+      disabled: value === false
     };
   }
 
@@ -4439,6 +4513,12 @@
   }
 
   function clearStacks(meta, items) {
+    var axis = meta.vScale && meta.vScale.axis;
+
+    if (!axis) {
+      return;
+    }
+
     items = items || meta._parsed;
 
     var _iterator3 = _createForOfIteratorHelper(items),
@@ -4449,11 +4529,11 @@
         var parsed = _step3.value;
         var stacks = parsed._stacks;
 
-        if (!stacks || stacks[meta.vScale.id] === undefined || stacks[meta.vScale.id][meta.index] === undefined) {
+        if (!stacks || stacks[axis] === undefined || stacks[axis][meta.index] === undefined) {
           return;
         }
 
-        delete stacks[meta.vScale.id][meta.index];
+        delete stacks[axis][meta.index];
       }
     } catch (err) {
       _iterator3.e(err);
@@ -4489,6 +4569,7 @@
       this._drawCount = undefined;
       this.enableOptionSharing = false;
       this.$context = undefined;
+      this._syncList = [];
       this.initialize();
     }
 
@@ -4505,6 +4586,10 @@
     }, {
       key: "updateIndex",
       value: function updateIndex(datasetIndex) {
+        if (this.index !== datasetIndex) {
+          clearStacks(this._cachedMeta);
+        }
+
         this.index = datasetIndex;
       }
     }, {
@@ -4576,19 +4661,23 @@
         var me = this;
         var dataset = me.getDataset();
         var data = dataset.data || (dataset.data = []);
+        var _data = me._data;
 
         if (isObject(data)) {
           me._data = convertObjectDataToArray(data);
-        } else if (me._data !== data) {
-          if (me._data) {
-            unlistenArrayEvents(me._data, me);
-            clearStacks(me._cachedMeta);
+        } else if (_data !== data) {
+          if (_data) {
+            unlistenArrayEvents(_data, me);
+            var meta = me._cachedMeta;
+            clearStacks(meta);
+            meta._parsed = [];
           }
 
           if (data && Object.isExtensible(data)) {
             listenArrayEvents(data, me);
           }
 
+          me._syncList = [];
           me._data = data;
         }
       }
@@ -4614,6 +4703,7 @@
 
         me._dataCheck();
 
+        var oldStacked = meta._stacked;
         meta._stacked = isStacked(meta.vScale, meta);
 
         if (meta.stack !== dataset.stack) {
@@ -4624,7 +4714,7 @@
 
         me._resyncElements(resetNewElements);
 
-        if (stackChanged) {
+        if (stackChanged || oldStacked !== meta._stacked) {
           updateStacks(me, meta._parsed);
         }
       }
@@ -4950,9 +5040,11 @@
           context = element.$context || (element.$context = createDataContext(me.getContext(), index, element));
           context.parsed = me.getParsed(index);
           context.raw = dataset.data[index];
+          context.index = context.dataIndex = index;
         } else {
           context = me.$context || (me.$context = createDatasetContext(me.chart.getContext(), me.index));
           context.dataset = dataset;
+          context.index = context.datasetIndex = me.index;
         }
 
         context.active = !!active;
@@ -5106,20 +5198,41 @@
       key: "_resyncElements",
       value: function _resyncElements(resetNewElements) {
         var me = this;
-        var numMeta = me._cachedMeta.data.length;
-        var numData = me._data.length;
+        var data = me._data;
+        var elements = me._cachedMeta.data;
 
-        if (numData > numMeta) {
-          me._insertElements(numMeta, numData - numMeta, resetNewElements);
-        } else if (numData < numMeta) {
-          me._removeElements(numData, numMeta - numData);
+        var _iterator4 = _createForOfIteratorHelper(me._syncList),
+            _step4;
+
+        try {
+          for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
+            var _step4$value = _slicedToArray(_step4.value, 3),
+                method = _step4$value[0],
+                arg1 = _step4$value[1],
+                arg2 = _step4$value[2];
+
+            me[method](arg1, arg2);
+          }
+        } catch (err) {
+          _iterator4.e(err);
+        } finally {
+          _iterator4.f();
         }
 
+        me._syncList = [];
+        var numMeta = elements.length;
+        var numData = data.length;
         var count = Math.min(numData, numMeta);
 
         if (count) {
           me.parse(0, count);
         }
+
+        if (numData > numMeta) {
+          me._insertElements(numMeta, numData - numMeta, resetNewElements);
+        } else if (numData < numMeta) {
+          me._removeElements(numData, numMeta - numData);
+        }
       }
     }, {
       key: "_insertElements",
@@ -5179,29 +5292,29 @@
       value: function _onDataPush() {
         var count = arguments.length;
 
-        this._insertElements(this.getDataset().data.length - count, count);
+        this._syncList.push(['_insertElements', this.getDataset().data.length - count, count]);
       }
     }, {
       key: "_onDataPop",
       value: function _onDataPop() {
-        this._removeElements(this._cachedMeta.data.length - 1, 1);
+        this._syncList.push(['_removeElements', this._cachedMeta.data.length - 1, 1]);
       }
     }, {
       key: "_onDataShift",
       value: function _onDataShift() {
-        this._removeElements(0, 1);
+        this._syncList.push(['_removeElements', 0, 1]);
       }
     }, {
       key: "_onDataSplice",
       value: function _onDataSplice(start, count) {
-        this._removeElements(start, count);
+        this._syncList.push(['_removeElements', start, count]);
 
-        this._insertElements(start, arguments.length - 2);
+        this._syncList.push(['_insertElements', start, arguments.length - 2]);
       }
     }, {
       key: "_onDataUnshift",
       value: function _onDataUnshift() {
-        this._insertElements(0, arguments.length);
+        this._syncList.push(['_insertElements', 0, arguments.length]);
       }
     }]);
 
@@ -5417,6 +5530,11 @@
           range.max = Math.max(range.max, custom.max);
         }
       }
+    }, {
+      key: "getMaxOverflow",
+      value: function getMaxOverflow() {
+        return 0;
+      }
     }, {
       key: "getLabelAndValue",
       value: function getLabelAndValue(index) {
@@ -5482,12 +5600,12 @@
             enableBorderRadius: !stack || isFloatBar(parsed._custom) || me.index === stack._top || me.index === stack._bottom,
             x: horizontal ? vpixels.head : ipixels.center,
             y: horizontal ? ipixels.center : vpixels.head,
-            height: horizontal ? ipixels.size : undefined,
-            width: horizontal ? undefined : ipixels.size
+            height: horizontal ? ipixels.size : Math.abs(vpixels.size),
+            width: horizontal ? Math.abs(vpixels.size) : ipixels.size
           };
 
           if (includeOptions) {
-            properties.options = sharedOptions || me.resolveDataElementOptions(i, mode);
+            properties.options = sharedOptions || me.resolveDataElementOptions(i, bars[i].active ? 'active' : mode);
           }
 
           me.updateElement(bars[i], i, properties, mode);
@@ -5508,6 +5626,10 @@
         for (i = 0; i < ilen; ++i) {
           item = metasets[i];
 
+          if (!item.controller.options.grouped) {
+            continue;
+          }
+
           if (typeof dataIndex !== 'undefined') {
             var val = item.controller.getParsed(dataIndex)[item.controller._cachedMeta.vScale.axis];
 
@@ -5681,21 +5803,17 @@
       key: "draw",
       value: function draw() {
         var me = this;
-        var chart = me.chart;
         var meta = me._cachedMeta;
         var vScale = meta.vScale;
         var rects = meta.data;
         var ilen = rects.length;
         var i = 0;
-        clipArea(chart.ctx, chart.chartArea);
 
         for (; i < ilen; ++i) {
           if (me.getParsed(i)[vScale.axis] !== null) {
             rects[i].draw(me._ctx);
           }
         }
-
-        unclipArea(chart.ctx);
       }
     }]);
 
@@ -5820,25 +5938,24 @@
         var me = this;
         var reset = mode === 'reset';
         var _me$_cachedMeta2 = me._cachedMeta,
-            xScale = _me$_cachedMeta2.xScale,
-            yScale = _me$_cachedMeta2.yScale;
+            iScale = _me$_cachedMeta2.iScale,
+            vScale = _me$_cachedMeta2.vScale;
         var firstOpts = me.resolveDataElementOptions(start, mode);
         var sharedOptions = me.getSharedOptions(firstOpts);
         var includeOptions = me.includeOptions(mode, sharedOptions);
+        var iAxis = iScale.axis;
+        var vAxis = vScale.axis;
 
         for (var i = start; i < start + count; i++) {
           var point = points[i];
           var parsed = !reset && me.getParsed(i);
-          var x = reset ? xScale.getPixelForDecimal(0.5) : xScale.getPixelForValue(parsed.x);
-          var y = reset ? yScale.getBasePixel() : yScale.getPixelForValue(parsed.y);
-          var properties = {
-            x: x,
-            y: y,
-            skip: isNaN(x) || isNaN(y)
-          };
+          var properties = {};
+          var iPixel = properties[iAxis] = reset ? iScale.getPixelForDecimal(0.5) : iScale.getPixelForValue(parsed[iAxis]);
+          var vPixel = properties[vAxis] = reset ? vScale.getBasePixel() : vScale.getPixelForValue(parsed[vAxis]);
+          properties.skip = isNaN(iPixel) || isNaN(vPixel);
 
           if (includeOptions) {
-            properties.options = me.resolveDataElementOptions(i, mode);
+            properties.options = me.resolveDataElementOptions(i, point.active ? 'active' : mode);
 
             if (reset) {
               properties.options.radius = 0;
@@ -5923,11 +6040,11 @@
       var endY = Math.sin(endAngle);
 
       var calcMax = function calcMax(angle, a, b) {
-        return _angleBetween(angle, startAngle, endAngle) ? 1 : Math.max(a, a * cutout, b, b * cutout);
+        return _angleBetween(angle, startAngle, endAngle, true) ? 1 : Math.max(a, a * cutout, b, b * cutout);
       };
 
       var calcMin = function calcMin(angle, a, b) {
-        return _angleBetween(angle, startAngle, endAngle) ? -1 : Math.min(a, a * cutout, b, b * cutout);
+        return _angleBetween(angle, startAngle, endAngle, true) ? -1 : Math.min(a, a * cutout, b, b * cutout);
       };
 
       var maxX = calcMax(0, startX, endX);
@@ -6024,7 +6141,7 @@
         var chartArea = chart.chartArea;
         var meta = me._cachedMeta;
         var arcs = meta.data;
-        var spacing = me.getMaxBorderWidth() + me.getMaxOffset(arcs);
+        var spacing = me.getMaxBorderWidth() + me.getMaxOffset(arcs) + me.options.spacing;
         var maxSize = Math.max((Math.min(chartArea.width, chartArea.height) - spacing) / 2, 0);
         var cutout = Math.min(toPercentage(me.options.cutout, maxSize), 1);
 
@@ -6111,7 +6228,7 @@
           };
 
           if (includeOptions) {
-            properties.options = sharedOptions || me.resolveDataElementOptions(i, mode);
+            properties.options = sharedOptions || me.resolveDataElementOptions(i, arc.active ? 'active' : mode);
           }
 
           startAngle += circumference;
@@ -6251,15 +6368,24 @@
     animations: {
       numbers: {
         type: 'number',
-        properties: ['circumference', 'endAngle', 'innerRadius', 'outerRadius', 'startAngle', 'x', 'y', 'offset', 'borderWidth']
+        properties: ['circumference', 'endAngle', 'innerRadius', 'outerRadius', 'startAngle', 'x', 'y', 'offset', 'borderWidth', 'spacing']
       }
     },
     cutout: '50%',
     rotation: 0,
     circumference: 360,
     radius: '100%',
+    spacing: 0,
     indexAxis: 'r'
   };
+  DoughnutController.descriptors = {
+    _scriptable: function _scriptable(name) {
+      return name !== 'spacing';
+    },
+    _indexable: function _indexable(name) {
+      return name !== 'spacing';
+    }
+  };
   DoughnutController.overrides = {
     aspectRatio: 1,
     plugins: {
@@ -6269,6 +6395,7 @@
             var data = chart.data;
 
             if (data.labels.length && data.datasets.length) {
+              var pointStyle = chart.legend.options.labels.pointStyle;
               return data.labels.map(function (label, i) {
                 var meta = chart.getDatasetMeta(0);
                 var style = meta.controller.getStyle(i);
@@ -6277,6 +6404,7 @@
                   fillStyle: style.backgroundColor,
                   strokeStyle: style.borderColor,
                   lineWidth: style.borderWidth,
+                  pointStyle: pointStyle,
                   hidden: !chart.getDataVisibility(i),
                   index: i
                 };
@@ -6376,12 +6504,14 @@
         var me = this;
         var reset = mode === 'reset';
         var _me$_cachedMeta3 = me._cachedMeta,
-            xScale = _me$_cachedMeta3.xScale,
-            yScale = _me$_cachedMeta3.yScale,
+            iScale = _me$_cachedMeta3.iScale,
+            vScale = _me$_cachedMeta3.vScale,
             _stacked = _me$_cachedMeta3._stacked;
         var firstOpts = me.resolveDataElementOptions(start, mode);
         var sharedOptions = me.getSharedOptions(firstOpts);
         var includeOptions = me.includeOptions(mode, sharedOptions);
+        var iAxis = iScale.axis;
+        var vAxis = vScale.axis;
         var spanGaps = me.options.spanGaps;
         var maxGapLength = isNumber(spanGaps) ? spanGaps : Number.POSITIVE_INFINITY;
         var directUpdate = me.chart._animationsDisabled || reset || mode === 'none';
@@ -6391,15 +6521,15 @@
           var point = points[i];
           var parsed = me.getParsed(i);
           var properties = directUpdate ? point : {};
-          var nullData = isNullOrUndef(parsed.y);
-          var x = properties.x = xScale.getPixelForValue(parsed.x, i);
-          var y = properties.y = reset || nullData ? yScale.getBasePixel() : yScale.getPixelForValue(_stacked ? me.applyStack(yScale, parsed, _stacked) : parsed.y, i);
-          properties.skip = isNaN(x) || isNaN(y) || nullData;
-          properties.stop = i > 0 && parsed.x - prevParsed.x > maxGapLength;
+          var nullData = isNullOrUndef(parsed[vAxis]);
+          var iPixel = properties[iAxis] = iScale.getPixelForValue(parsed[iAxis], i);
+          var vPixel = properties[vAxis] = reset || nullData ? vScale.getBasePixel() : vScale.getPixelForValue(_stacked ? me.applyStack(vScale, parsed, _stacked) : parsed[vAxis], i);
+          properties.skip = isNaN(iPixel) || isNaN(vPixel) || nullData;
+          properties.stop = i > 0 && parsed[iAxis] - prevParsed[iAxis] > maxGapLength;
           properties.parsed = parsed;
 
           if (includeOptions) {
-            properties.options = sharedOptions || me.resolveDataElementOptions(i, mode);
+            properties.options = sharedOptions || me.resolveDataElementOptions(i, point.active ? 'active' : mode);
           }
 
           if (!directUpdate) {
@@ -6431,7 +6561,8 @@
     }, {
       key: "draw",
       value: function draw() {
-        this._cachedMeta.dataset.updateControlPoints(this.chart.chartArea);
+        var meta = this._cachedMeta;
+        meta.dataset.updateControlPoints(this.chart.chartArea, meta.iScale.axis);
 
         _get(_getPrototypeOf(LineController.prototype), "draw", this).call(this);
       }
@@ -6529,6 +6660,19 @@
     }
 
     _createClass(PolarAreaController, [{
+      key: "getLabelAndValue",
+      value: function getLabelAndValue(index) {
+        var me = this;
+        var meta = me._cachedMeta;
+        var chart = me.chart;
+        var labels = chart.data.labels || [];
+        var value = formatNumber(meta._parsed[index].r, chart.options.locale);
+        return {
+          label: labels[index] || '',
+          value: value
+        };
+      }
+    }, {
       key: "update",
       value: function update(mode) {
         var arcs = this._cachedMeta.data;
@@ -6598,7 +6742,7 @@
             outerRadius: outerRadius,
             startAngle: startAngle,
             endAngle: endAngle,
-            options: me.resolveDataElementOptions(i, mode)
+            options: me.resolveDataElementOptions(i, arc.active ? 'active' : mode)
           };
           me.updateElement(arc, i, properties, mode);
         }
@@ -6653,6 +6797,7 @@
             var data = chart.data;
 
             if (data.labels.length && data.datasets.length) {
+              var pointStyle = chart.legend.options.labels.pointStyle;
               return data.labels.map(function (label, i) {
                 var meta = chart.getDatasetMeta(0);
                 var style = meta.controller.getStyle(i);
@@ -6661,6 +6806,7 @@
                   fillStyle: style.backgroundColor,
                   strokeStyle: style.borderColor,
                   lineWidth: style.borderWidth,
+                  pointStyle: pointStyle,
                   hidden: !chart.getDataVisibility(i),
                   index: i
                 };
@@ -6785,7 +6931,7 @@
 
         for (var i = start; i < start + count; i++) {
           var point = points[i];
-          var options = me.resolveDataElementOptions(i, mode);
+          var options = me.resolveDataElementOptions(i, point.active ? 'active' : mode);
           var pointPosition = scale.getPointPositionForValue(i, dataset.data[i]);
           var x = reset ? scale.xCenter : pointPosition.x;
           var y = reset ? scale.yCenter : pointPosition.y;
@@ -6882,7 +7028,7 @@
   });
 
   function abstract() {
-    throw new Error('This method is not implemented: either no adapter can be found or an incomplete integration was provided.');
+    throw new Error('This method is not implemented: Check that a complete date adapter is provided.');
   }
 
   var DateAdapter = /*#__PURE__*/function () {
@@ -7071,6 +7217,11 @@
       }
 
       var center = element.getCenterPoint(useFinalPosition);
+
+      if (!_isPointInArea(center, chart.chartArea, chart._minPadding)) {
+        return;
+      }
+
       var distance = distanceMetric(position, center);
 
       if (distance < minDistance) {
@@ -7386,7 +7537,7 @@
         box.left = x;
         box.right = x + box.width;
         box.top = box.fullSize ? userPadding.top : chartArea.top;
-        box.bottom = box.fullSize ? params.outerHeight - userPadding.right : chartArea.top + chartArea.h;
+        box.bottom = box.fullSize ? params.outerHeight - userPadding.bottom : chartArea.top + chartArea.h;
         box.height = box.bottom - box.top;
         x = box.right;
       }
@@ -7443,8 +7594,8 @@
       }
 
       var padding = toPadding(chart.options.layout.padding);
-      var availableWidth = width - padding.width;
-      var availableHeight = height - padding.height;
+      var availableWidth = Math.max(width - padding.width, 0);
+      var availableHeight = Math.max(height - padding.height, 0);
       var boxes = buildLayoutBoxes(chart.boxes);
       var verticalBoxes = boxes.vertical;
       var horizontalBoxes = boxes.horizontal;
@@ -8002,7 +8153,7 @@
   function calculateDelta(tickValue, ticks) {
     var delta = ticks.length > 3 ? ticks[2].value - ticks[1].value : ticks[1].value - ticks[0].value;
 
-    if (Math.abs(delta) > 1 && tickValue !== Math.floor(tickValue)) {
+    if (Math.abs(delta) >= 1 && tickValue !== Math.floor(tickValue)) {
       delta = tickValue - Math.floor(tickValue);
     }
 
@@ -8082,6 +8233,14 @@
   defaults.describe('scales', {
     _fallback: 'scale'
   });
+  defaults.describe('scale.ticks', {
+    _scriptable: function _scriptable(name) {
+      return name !== 'backdropPadding' && name !== 'callback';
+    },
+    _indexable: function _indexable(name) {
+      return name !== 'backdropPadding';
+    }
+  });
 
   function autoSkip(scale, ticks) {
     var tickOpts = scale.options.ticks;
@@ -8684,14 +8843,6 @@
           tick = ticks[i];
           tick.label = callback(tickOpts.callback, [tick.value, i, ticks], me);
         }
-
-        for (i = 0; i < ilen; i++) {
-          if (isNullOrUndef(ticks[i].label)) {
-            ticks.splice(i, 1);
-            ilen--;
-            i--;
-          }
-        }
       }
     }, {
       key: "afterTickToLabelConversion",
@@ -8901,6 +9052,16 @@
         var me = this;
         me.beforeTickToLabelConversion();
         me.generateTickLabels(ticks);
+        var i, ilen;
+
+        for (i = 0, ilen = ticks.length; i < ilen; i++) {
+          if (isNullOrUndef(ticks[i].label)) {
+            ticks.splice(i, 1);
+            ilen--;
+            i--;
+          }
+        }
+
         me.afterTickToLabelConversion();
       }
     }, {
@@ -9156,7 +9317,10 @@
           x2 = chartArea.right;
         }
 
-        for (i = 0; i < ticksLength; ++i) {
+        var limit = valueOrDefault(options.ticks.maxTicksLimit, ticksLength);
+        var step = Math.max(1, Math.ceil(ticksLength / limit));
+
+        for (i = 0; i < ticksLength; i += step) {
           var optsAtIndex = grid.setContext(me.getContext(i));
           var lineWidth = optsAtIndex.lineWidth;
           var lineColor = optsAtIndex.color;
@@ -9786,7 +9950,7 @@
 
         var fontSize = me._resolveTickFontOptions(0).lineHeight;
 
-        return me.isHorizontal() ? me.width / fontSize / 0.7 : me.height / fontSize;
+        return (me.isHorizontal() ? me.width : me.height) / fontSize;
       }
     }]);
 
@@ -10113,12 +10277,12 @@
       value: function _notify(descriptors, chart, hook, args) {
         args = args || {};
 
-        var _iterator4 = _createForOfIteratorHelper(descriptors),
-            _step4;
+        var _iterator5 = _createForOfIteratorHelper(descriptors),
+            _step5;
 
         try {
-          for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
-            var descriptor = _step4.value;
+          for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
+            var descriptor = _step5.value;
             var plugin = descriptor.plugin;
             var method = plugin[hook];
             var params = [chart, args, descriptor.options];
@@ -10128,9 +10292,9 @@
             }
           }
         } catch (err) {
-          _iterator4.e(err);
+          _iterator5.e(err);
         } finally {
-          _iterator4.f();
+          _iterator5.f();
         }
 
         return true;
@@ -10507,8 +10671,7 @@
             return addIfFound(scopes, descriptors, key);
           });
         });
-
-        var array = _toConsumableArray(scopes);
+        var array = Array.from(scopes);
 
         if (keysCached.has(keyLists)) {
           cache.set(keyLists, array);
@@ -10546,18 +10709,18 @@
           options = _attachContext(resolver, context, subResolver);
         }
 
-        var _iterator5 = _createForOfIteratorHelper(names),
-            _step5;
+        var _iterator6 = _createForOfIteratorHelper(names),
+            _step6;
 
         try {
-          for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
-            var prop = _step5.value;
+          for (_iterator6.s(); !(_step6 = _iterator6.n()).done;) {
+            var prop = _step6.value;
             result[prop] = options[prop];
           }
         } catch (err) {
-          _iterator5.e(err);
+          _iterator6.e(err);
         } finally {
-          _iterator5.f();
+          _iterator6.f();
         }
 
         return result;
@@ -10609,27 +10772,27 @@
         isScriptable = _descriptors2.isScriptable,
         isIndexable = _descriptors2.isIndexable;
 
-    var _iterator6 = _createForOfIteratorHelper(names),
-        _step6;
+    var _iterator7 = _createForOfIteratorHelper(names),
+        _step7;
 
     try {
-      for (_iterator6.s(); !(_step6 = _iterator6.n()).done;) {
-        var prop = _step6.value;
+      for (_iterator7.s(); !(_step7 = _iterator7.n()).done;) {
+        var prop = _step7.value;
 
         if (isScriptable(prop) && isFunction(proxy[prop]) || isIndexable(prop) && isArray(proxy[prop])) {
           return true;
         }
       }
     } catch (err) {
-      _iterator6.e(err);
+      _iterator7.e(err);
     } finally {
-      _iterator6.f();
+      _iterator7.f();
     }
 
     return false;
   }
 
-  var version = "3.2.1";
+  var version = "3.4.1";
   var KNOWN_POSITIONS = ['top', 'bottom', 'left', 'right', 'chartArea'];
 
   function positionIsHorizontal(position, axis) {
@@ -10719,6 +10882,7 @@
       this._active = [];
       this._lastEvent = undefined;
       this._listeners = {};
+      this._responsiveListeners = undefined;
       this._sortedMetasets = [];
       this.scales = {};
       this.scale = undefined;
@@ -10843,17 +11007,15 @@
         var canvas = me.canvas;
         var aspectRatio = options.maintainAspectRatio && me.aspectRatio;
         var newSize = me.platform.getMaximumSize(canvas, width, height, aspectRatio);
-        var oldRatio = me.currentDevicePixelRatio;
         var newRatio = options.devicePixelRatio || me.platform.getDevicePixelRatio();
+        me.width = newSize.width;
+        me.height = newSize.height;
+        me._aspectRatio = me.aspectRatio;
 
-        if (me.width === newSize.width && me.height === newSize.height && oldRatio === newRatio) {
+        if (!retinaScale(me, newRatio, true)) {
           return;
         }
 
-        me.width = newSize.width;
-        me.height = newSize.height;
-        me._aspectRatio = me.aspectRatio;
-        retinaScale(me, newRatio, true);
         me.notifyPlugins('resize', {
           size: newSize
         });
@@ -10939,18 +11101,6 @@
           layouts.addBox(me, scale);
         });
       }
-    }, {
-      key: "_updateMetasetIndex",
-      value: function _updateMetasetIndex(meta, index) {
-        var metasets = this._metasets;
-        var oldIndex = meta.index;
-
-        if (oldIndex !== index) {
-          metasets[oldIndex] = metasets[index];
-          metasets[index] = meta;
-          meta.index = index;
-        }
-      }
     }, {
       key: "_updateMetasets",
       value: function _updateMetasets() {
@@ -10958,6 +11108,9 @@
         var metasets = me._metasets;
         var numData = me.data.datasets.length;
         var numMeta = metasets.length;
+        metasets.sort(function (a, b) {
+          return a.index - b.index;
+        });
 
         if (numMeta > numData) {
           for (var i = numData; i < numMeta; ++i) {
@@ -11012,9 +11165,7 @@
           meta.type = type;
           meta.indexAxis = dataset.indexAxis || getIndexAxis(type, me.options);
           meta.order = dataset.order || 0;
-
-          me._updateMetasetIndex(meta, i);
-
+          meta.index = i;
           meta.label = '' + dataset.label;
           meta.visible = me.isDatasetVisible(i);
 
@@ -11070,7 +11221,7 @@
         var existingEvents = new Set(Object.keys(me._listeners));
         var newEvents = new Set(me.options.events);
 
-        if (!setsEqual(existingEvents, newEvents)) {
+        if (!setsEqual(existingEvents, newEvents) || !!this._responsiveListeners !== me.options.responsive) {
           me.unbindEvents();
           me.bindEvents();
         }
@@ -11312,6 +11463,7 @@
         var me = this;
         var ctx = me.ctx;
         var clip = meta._clip;
+        var useClip = !clip.disabled;
         var area = me.chartArea;
         var args = {
           meta: meta,
@@ -11323,14 +11475,21 @@
           return;
         }
 
-        clipArea(ctx, {
-          left: clip.left === false ? 0 : area.left - clip.left,
-          right: clip.right === false ? me.width : area.right + clip.right,
-          top: clip.top === false ? 0 : area.top - clip.top,
-          bottom: clip.bottom === false ? me.height : area.bottom + clip.bottom
-        });
+        if (useClip) {
+          clipArea(ctx, {
+            left: clip.left === false ? 0 : area.left - clip.left,
+            right: clip.right === false ? me.width : area.right + clip.right,
+            top: clip.top === false ? 0 : area.top - clip.top,
+            bottom: clip.bottom === false ? me.height : area.bottom + clip.bottom
+          });
+        }
+
         meta.controller.draw();
-        unclipArea(ctx);
+
+        if (useClip) {
+          unclipArea(ctx);
+        }
+
         args.cancelable = false;
         me.notifyPlugins('afterDatasetDraw', args);
       }
@@ -11356,7 +11515,7 @@
         }).pop();
 
         if (!meta) {
-          meta = metasets[datasetIndex] = {
+          meta = {
             type: null,
             data: [],
             dataset: null,
@@ -11370,6 +11529,7 @@
             _parsed: [],
             _sorted: false
           };
+          metasets.push(meta);
         }
 
         return meta;
@@ -11491,6 +11651,17 @@
     }, {
       key: "bindEvents",
       value: function bindEvents() {
+        this.bindUserEvents();
+
+        if (this.options.responsive) {
+          this.bindResponsiveEvents();
+        } else {
+          this.attached = true;
+        }
+      }
+    }, {
+      key: "bindUserEvents",
+      value: function bindUserEvents() {
         var me = this;
         var listeners = me._listeners;
         var platform = me.platform;
@@ -11500,13 +11671,6 @@
           listeners[type] = listener;
         };
 
-        var _remove = function _remove(type, listener) {
-          if (listeners[type]) {
-            platform.removeEventListener(me, type, listener);
-            delete listeners[type];
-          }
-        };
-
         var listener = function listener(e, x, y) {
           e.offsetX = x;
           e.offsetY = y;
@@ -11517,58 +11681,76 @@
         each(me.options.events, function (type) {
           return _add(type, listener);
         });
+      }
+    }, {
+      key: "bindResponsiveEvents",
+      value: function bindResponsiveEvents() {
+        var me = this;
 
-        if (me.options.responsive) {
-          listener = function listener(width, height) {
-            if (me.canvas) {
-              me.resize(width, height);
-            }
-          };
+        if (!me._responsiveListeners) {
+          me._responsiveListeners = {};
+        }
 
-          var detached;
+        var listeners = me._responsiveListeners;
+        var platform = me.platform;
 
-          var attached = function attached() {
-            _remove('attach', attached);
+        var _add = function _add(type, listener) {
+          platform.addEventListener(me, type, listener);
+          listeners[type] = listener;
+        };
 
-            me.attached = true;
-            me.resize();
+        var _remove = function _remove(type, listener) {
+          if (listeners[type]) {
+            platform.removeEventListener(me, type, listener);
+            delete listeners[type];
+          }
+        };
 
-            _add('resize', listener);
+        var listener = function listener(width, height) {
+          if (me.canvas) {
+            me.resize(width, height);
+          }
+        };
 
-            _add('detach', detached);
-          };
+        var detached;
 
-          detached = function detached() {
-            me.attached = false;
+        var attached = function attached() {
+          _remove('attach', attached);
 
-            _remove('resize', listener);
+          me.attached = true;
+          me.resize();
 
-            _add('attach', attached);
-          };
+          _add('resize', listener);
 
-          if (platform.isAttached(me.canvas)) {
-            attached();
-          } else {
-            detached();
-          }
+          _add('detach', detached);
+        };
+
+        detached = function detached() {
+          me.attached = false;
+
+          _remove('resize', listener);
+
+          _add('attach', attached);
+        };
+
+        if (platform.isAttached(me.canvas)) {
+          attached();
         } else {
-          me.attached = true;
+          detached();
         }
       }
     }, {
       key: "unbindEvents",
       value: function unbindEvents() {
         var me = this;
-        var listeners = me._listeners;
-
-        if (!listeners) {
-          return;
-        }
-
+        each(me._listeners, function (listener, type) {
+          me.platform.removeEventListener(me, type, listener);
+        });
         me._listeners = {};
-        each(listeners, function (listener, type) {
+        each(me._responsiveListeners, function (listener, type) {
           me.platform.removeEventListener(me, type, listener);
         });
+        me._responsiveListeners = undefined;
       }
     }, {
       key: "updateHoverStyle",
@@ -11776,9 +11958,8 @@
     }
   });
 
-  function clipArc(ctx, element) {
+  function clipArc(ctx, element, endAngle) {
     var startAngle = element.startAngle,
-        endAngle = element.endAngle,
         pixelMargin = element.pixelMargin,
         x = element.x,
         y = element.y,
@@ -11828,14 +12009,29 @@
     };
   }
 
-  function pathArc(ctx, element) {
+  function pathArc(ctx, element, offset, spacing, end) {
     var x = element.x,
         y = element.y,
-        startAngle = element.startAngle,
-        endAngle = element.endAngle,
-        pixelMargin = element.pixelMargin;
-    var outerRadius = Math.max(element.outerRadius - pixelMargin, 0);
-    var innerRadius = element.innerRadius + pixelMargin;
+        start = element.startAngle,
+        pixelMargin = element.pixelMargin,
+        innerR = element.innerRadius;
+    var outerRadius = Math.max(element.outerRadius + spacing + offset - pixelMargin, 0);
+    var innerRadius = innerR > 0 ? innerR + spacing + offset + pixelMargin : 0;
+    var spacingOffset = 0;
+    var alpha = end - start;
+
+    if (spacing) {
+      var noSpacingInnerRadius = innerR > 0 ? innerR - spacing : 0;
+      var noSpacingOuterRadius = outerRadius > 0 ? outerRadius - spacing : 0;
+      var avNogSpacingRadius = (noSpacingInnerRadius + noSpacingOuterRadius) / 2;
+      var adjustedAngle = avNogSpacingRadius !== 0 ? alpha * avNogSpacingRadius / (avNogSpacingRadius + spacing) : alpha;
+      spacingOffset = (alpha - adjustedAngle) / 2;
+    }
+
+    var beta = Math.max(0.001, alpha * outerRadius - offset / PI) / outerRadius;
+    var angleOffset = (alpha - beta) / 2;
+    var startAngle = start + angleOffset + spacingOffset;
+    var endAngle = end - angleOffset - spacingOffset;
 
     var _parseBorderRadius$ = parseBorderRadius$1(element, innerRadius, outerRadius, endAngle - startAngle),
         outerStart = _parseBorderRadius$.outerStart,
@@ -11888,61 +12084,63 @@
     ctx.closePath();
   }
 
-  function drawArc(ctx, element) {
-    if (element.fullCircles) {
-      element.endAngle = element.startAngle + TAU;
-      pathArc(ctx, element);
+  function drawArc(ctx, element, offset, spacing) {
+    var fullCircles = element.fullCircles,
+        startAngle = element.startAngle,
+        circumference = element.circumference;
+    var endAngle = element.endAngle;
 
-      for (var i = 0; i < element.fullCircles; ++i) {
+    if (fullCircles) {
+      pathArc(ctx, element, offset, spacing, startAngle + TAU);
+
+      for (var i = 0; i < fullCircles; ++i) {
         ctx.fill();
       }
-    }
 
-    if (!isNaN(element.circumference)) {
-      element.endAngle = element.startAngle + element.circumference % TAU;
+      if (!isNaN(circumference)) {
+        endAngle = startAngle + circumference % TAU;
+
+        if (circumference % TAU === 0) {
+          endAngle += TAU;
+        }
+      }
     }
 
-    pathArc(ctx, element);
+    pathArc(ctx, element, offset, spacing, endAngle);
     ctx.fill();
+    return endAngle;
   }
 
   function drawFullCircleBorders(ctx, element, inner) {
     var x = element.x,
         y = element.y,
         startAngle = element.startAngle,
-        endAngle = element.endAngle,
-        pixelMargin = element.pixelMargin;
+        pixelMargin = element.pixelMargin,
+        fullCircles = element.fullCircles;
     var outerRadius = Math.max(element.outerRadius - pixelMargin, 0);
     var innerRadius = element.innerRadius + pixelMargin;
     var i;
 
     if (inner) {
-      element.endAngle = element.startAngle + TAU;
-      clipArc(ctx, element);
-      element.endAngle = endAngle;
-
-      if (element.endAngle === element.startAngle) {
-        element.endAngle += TAU;
-        element.fullCircles--;
-      }
+      clipArc(ctx, element, startAngle + TAU);
     }
 
     ctx.beginPath();
     ctx.arc(x, y, innerRadius, startAngle + TAU, startAngle, true);
 
-    for (i = 0; i < element.fullCircles; ++i) {
+    for (i = 0; i < fullCircles; ++i) {
       ctx.stroke();
     }
 
     ctx.beginPath();
     ctx.arc(x, y, outerRadius, startAngle, startAngle + TAU);
 
-    for (i = 0; i < element.fullCircles; ++i) {
+    for (i = 0; i < fullCircles; ++i) {
       ctx.stroke();
     }
   }
 
-  function drawBorder(ctx, element) {
+  function drawBorder(ctx, element, offset, spacing, endAngle) {
     var options = element.options;
     var inner = options.borderAlign === 'inner';
 
@@ -11963,10 +12161,10 @@
     }
 
     if (inner) {
-      clipArc(ctx, element);
+      clipArc(ctx, element, endAngle);
     }
 
-    pathArc(ctx, element);
+    pathArc(ctx, element, offset, spacing, endAngle);
     ctx.stroke();
   }
 
@@ -12016,15 +12214,17 @@
             outerRadius = _this$getProps2.outerRadius,
             circumference = _this$getProps2.circumference;
 
+        var rAdjust = this.options.spacing / 2;
+
         var betweenAngles = circumference >= TAU || _angleBetween(angle, startAngle, endAngle);
 
-        var withinRadius = distance >= innerRadius && distance <= outerRadius;
+        var withinRadius = distance >= innerRadius + rAdjust && distance <= outerRadius + rAdjust;
         return betweenAngles && withinRadius;
       }
     }, {
       key: "getCenterPoint",
       value: function getCenterPoint(useFinalPosition) {
-        var _this$getProps3 = this.getProps(['x', 'y', 'startAngle', 'endAngle', 'innerRadius', 'outerRadius'], useFinalPosition),
+        var _this$getProps3 = this.getProps(['x', 'y', 'startAngle', 'endAngle', 'innerRadius', 'outerRadius', 'circumference'], useFinalPosition),
             x = _this$getProps3.x,
             y = _this$getProps3.y,
             startAngle = _this$getProps3.startAngle,
@@ -12032,8 +12232,11 @@
             innerRadius = _this$getProps3.innerRadius,
             outerRadius = _this$getProps3.outerRadius;
 
+        var _this$options4 = this.options,
+            offset = _this$options4.offset,
+            spacing = _this$options4.spacing;
         var halfAngle = (startAngle + endAngle) / 2;
-        var halfRadius = (innerRadius + outerRadius) / 2;
+        var halfRadius = (innerRadius + outerRadius + spacing + offset) / 2;
         return {
           x: x + Math.cos(halfAngle) * halfRadius,
           y: y + Math.sin(halfAngle) * halfRadius
@@ -12048,26 +12251,34 @@
       key: "draw",
       value: function draw(ctx) {
         var me = this;
-        var options = me.options;
-        var offset = options.offset || 0;
+        var options = me.options,
+            circumference = me.circumference;
+        var offset = (options.offset || 0) / 2;
+        var spacing = (options.spacing || 0) / 2;
         me.pixelMargin = options.borderAlign === 'inner' ? 0.33 : 0;
-        me.fullCircles = Math.floor(me.circumference / TAU);
+        me.fullCircles = circumference > TAU ? Math.floor(circumference / TAU) : 0;
 
-        if (me.circumference === 0 || me.innerRadius < 0 || me.outerRadius < 0) {
+        if (circumference === 0 || me.innerRadius < 0 || me.outerRadius < 0) {
           return;
         }
 
         ctx.save();
+        var radiusOffset = 0;
 
-        if (offset && me.circumference < TAU) {
+        if (offset) {
+          radiusOffset = offset / 2;
           var halfAngle = (me.startAngle + me.endAngle) / 2;
-          ctx.translate(Math.cos(halfAngle) * offset, Math.sin(halfAngle) * offset);
+          ctx.translate(Math.cos(halfAngle) * radiusOffset, Math.sin(halfAngle) * radiusOffset);
+
+          if (me.circumference >= PI) {
+            radiusOffset = offset;
+          }
         }
 
         ctx.fillStyle = options.backgroundColor;
         ctx.strokeStyle = options.borderColor;
-        drawArc(ctx, me);
-        drawBorder(ctx, me);
+        var endAngle = drawArc(ctx, me, radiusOffset, spacing);
+        drawBorder(ctx, me, radiusOffset, spacing, endAngle);
         ctx.restore();
       }
     }]);
@@ -12082,6 +12293,7 @@
     borderRadius: 0,
     borderWidth: 2,
     offset: 0,
+    spacing: 0,
     angle: undefined
   };
   ArcElement.defaultRoutes = {
@@ -12283,12 +12495,12 @@
 
     var segmentMethod = _getSegmentMethod(line);
 
-    var _iterator7 = _createForOfIteratorHelper(segments),
-        _step7;
+    var _iterator8 = _createForOfIteratorHelper(segments),
+        _step8;
 
     try {
-      for (_iterator7.s(); !(_step7 = _iterator7.n()).done;) {
-        var segment = _step7.value;
+      for (_iterator8.s(); !(_step8 = _iterator8.n()).done;) {
+        var segment = _step8.value;
         setStyle(ctx, options, segment.style);
         ctx.beginPath();
 
@@ -12302,9 +12514,9 @@
         ctx.stroke();
       }
     } catch (err) {
-      _iterator7.e(err);
+      _iterator8.e(err);
     } finally {
-      _iterator7.f();
+      _iterator8.f();
     }
   }
 
@@ -12348,14 +12560,14 @@
 
     _createClass(LineElement, [{
       key: "updateControlPoints",
-      value: function updateControlPoints(chartArea) {
+      value: function updateControlPoints(chartArea, indexAxis) {
         var me = this;
         var options = me.options;
 
         if ((options.tension || options.cubicInterpolationMode === 'monotone') && !options.stepped && !me._pointsUpdated) {
           var loop = options.spanGaps ? me._loop : me._fullLoop;
 
-          _updateBezierControlPoints(me._points, options, chartArea, loop);
+          _updateBezierControlPoints(me._points, options, chartArea, loop, indexAxis);
 
           me._pointsUpdated = true;
         }
@@ -12457,21 +12669,21 @@
         start = start || 0;
         count = count || me.points.length - start;
 
-        var _iterator8 = _createForOfIteratorHelper(segments),
-            _step8;
+        var _iterator9 = _createForOfIteratorHelper(segments),
+            _step9;
 
         try {
-          for (_iterator8.s(); !(_step8 = _iterator8.n()).done;) {
-            var segment = _step8.value;
+          for (_iterator9.s(); !(_step9 = _iterator9.n()).done;) {
+            var segment = _step9.value;
             loop &= segmentMethod(ctx, me, segment, {
               start: start,
               end: start + count - 1
             });
           }
         } catch (err) {
-          _iterator8.e(err);
+          _iterator9.e(err);
         } finally {
-          _iterator8.f();
+          _iterator9.f();
         }
 
         return !!loop;
@@ -13304,6 +13516,18 @@
     return computeLinearBoundary(source);
   }
 
+  function findSegmentEnd(start, end, points) {
+    for (; end > start; end--) {
+      var point = points[end];
+
+      if (!isNaN(point.x) && !isNaN(point.y)) {
+        break;
+      }
+    }
+
+    return end;
+  }
+
   function pointsFromSegments(boundary, line) {
     var _ref4 = boundary || {},
         _ref4$x = _ref4.x,
@@ -13313,9 +13537,12 @@
 
     var linePoints = line.points;
     var points = [];
-    line.segments.forEach(function (segment) {
-      var first = linePoints[segment.start];
-      var last = linePoints[segment.end];
+    line.segments.forEach(function (_ref5) {
+      var start = _ref5.start,
+          end = _ref5.end;
+      end = findSegmentEnd(start, end, linePoints);
+      var first = linePoints[start];
+      var last = linePoints[end];
 
       if (y !== null) {
         points.push({
@@ -13570,42 +13797,45 @@
     var tpoints = target.points;
     var parts = [];
 
-    var _iterator9 = _createForOfIteratorHelper(segments),
-        _step9;
+    var _iterator10 = _createForOfIteratorHelper(segments),
+        _step10;
 
     try {
-      for (_iterator9.s(); !(_step9 = _iterator9.n()).done;) {
-        var segment = _step9.value;
-        var bounds = getBounds(property, points[segment.start], points[segment.end], segment.loop);
+      for (_iterator10.s(); !(_step10 = _iterator10.n()).done;) {
+        var segment = _step10.value;
+        var start = segment.start,
+            end = segment.end;
+        end = findSegmentEnd(start, end, points);
+        var bounds = getBounds(property, points[start], points[end], segment.loop);
 
         if (!target.segments) {
           parts.push({
             source: segment,
             target: bounds,
-            start: points[segment.start],
-            end: points[segment.end]
+            start: points[start],
+            end: points[end]
           });
           continue;
         }
 
         var targetSegments = _boundSegments(target, bounds);
 
-        var _iterator10 = _createForOfIteratorHelper(targetSegments),
-            _step10;
+        var _iterator11 = _createForOfIteratorHelper(targetSegments),
+            _step11;
 
         try {
-          for (_iterator10.s(); !(_step10 = _iterator10.n()).done;) {
-            var tgt = _step10.value;
+          for (_iterator11.s(); !(_step11 = _iterator11.n()).done;) {
+            var tgt = _step11.value;
             var subBounds = getBounds(property, tpoints[tgt.start], tpoints[tgt.end], tgt.loop);
 
             var fillSources = _boundSegment(segment, points, subBounds);
 
-            var _iterator11 = _createForOfIteratorHelper(fillSources),
-                _step11;
+            var _iterator12 = _createForOfIteratorHelper(fillSources),
+                _step12;
 
             try {
-              for (_iterator11.s(); !(_step11 = _iterator11.n()).done;) {
-                var fillSource = _step11.value;
+              for (_iterator12.s(); !(_step12 = _iterator12.n()).done;) {
+                var fillSource = _step12.value;
                 parts.push({
                   source: fillSource,
                   target: tgt,
@@ -13614,21 +13844,21 @@
                 });
               }
             } catch (err) {
-              _iterator11.e(err);
+              _iterator12.e(err);
             } finally {
-              _iterator11.f();
+              _iterator12.f();
             }
           }
         } catch (err) {
-          _iterator10.e(err);
+          _iterator11.e(err);
         } finally {
-          _iterator10.f();
+          _iterator11.f();
         }
       }
     } catch (err) {
-      _iterator9.e(err);
+      _iterator10.e(err);
     } finally {
-      _iterator9.f();
+      _iterator10.f();
     }
 
     return parts;
@@ -13639,10 +13869,10 @@
         top = _scale$chart$chartAre.top,
         bottom = _scale$chart$chartAre.bottom;
 
-    var _ref5 = bounds || {},
-        property = _ref5.property,
-        start = _ref5.start,
-        end = _ref5.end;
+    var _ref6 = bounds || {},
+        property = _ref6.property,
+        start = _ref6.start,
+        end = _ref6.end;
 
     if (property === 'x') {
       ctx.beginPath();
@@ -13668,16 +13898,16 @@
 
     var segments = _segments(line, target, property);
 
-    var _iterator12 = _createForOfIteratorHelper(segments),
-        _step12;
+    var _iterator13 = _createForOfIteratorHelper(segments),
+        _step13;
 
     try {
-      for (_iterator12.s(); !(_step12 = _iterator12.n()).done;) {
-        var _step12$value = _step12.value,
-            src = _step12$value.source,
-            tgt = _step12$value.target,
-            start = _step12$value.start,
-            end = _step12$value.end;
+      for (_iterator13.s(); !(_step13 = _iterator13.n()).done;) {
+        var _step13$value = _step13.value,
+            src = _step13$value.source,
+            tgt = _step13$value.target,
+            start = _step13$value.start,
+            end = _step13$value.end;
         var _src$style = src.style;
         _src$style = _src$style === void 0 ? {} : _src$style;
         var _src$style$background = _src$style.backgroundColor,
@@ -13709,9 +13939,9 @@
         ctx.restore();
       }
     } catch (err) {
-      _iterator12.e(err);
+      _iterator13.e(err);
     } finally {
-      _iterator12.f();
+      _iterator13.f();
     }
   }
 
@@ -13762,11 +13992,11 @@
     var fillOption = lineOpts.fill;
     var color = lineOpts.backgroundColor;
 
-    var _ref6 = fillOption || {},
-        _ref6$above = _ref6.above,
-        above = _ref6$above === void 0 ? color : _ref6$above,
-        _ref6$below = _ref6.below,
-        below = _ref6$below === void 0 ? color : _ref6$below;
+    var _ref7 = fillOption || {},
+        _ref7$above = _ref7.above,
+        above = _ref7$above === void 0 ? color : _ref7$above,
+        _ref7$below = _ref7.below,
+        below = _ref7$below === void 0 ? color : _ref7$below;
 
     if (target && line.points.length) {
       clipArea(ctx, area);
@@ -13833,7 +14063,7 @@
           continue;
         }
 
-        source.line.updateControlPoints(area);
+        source.line.updateControlPoints(area, source.axis);
 
         if (draw) {
           drawfill(chart.ctx, source, area);
@@ -13946,11 +14176,11 @@
 
         if (me.isHorizontal()) {
           me.width = me.maxWidth;
-          me.left = 0;
+          me.left = me._margins.left;
           me.right = me.width;
         } else {
           me.height = me.maxHeight;
-          me.top = 0;
+          me.top = me._margins.top;
           me.bottom = me.height;
         }
       }
@@ -14065,12 +14295,11 @@
         var currentColWidth = 0;
         var currentColHeight = 0;
         var left = 0;
-        var top = 0;
         var col = 0;
         me.legendItems.forEach(function (legendItem, i) {
           var itemWidth = boxWidth + fontSize / 2 + ctx.measureText(legendItem.text).width;
 
-          if (i > 0 && currentColHeight + fontSize + 2 * padding > heightLimit) {
+          if (i > 0 && currentColHeight + itemHeight + 2 * padding > heightLimit) {
             totalWidth += currentColWidth + padding;
             columnSizes.push({
               width: currentColWidth,
@@ -14078,20 +14307,18 @@
             });
             left += currentColWidth + padding;
             col++;
-            top = 0;
             currentColWidth = currentColHeight = 0;
           }
 
-          currentColWidth = Math.max(currentColWidth, itemWidth);
-          currentColHeight += fontSize + padding;
           hitboxes[i] = {
             left: left,
-            top: top,
+            top: currentColHeight,
             col: col,
             width: itemWidth,
             height: itemHeight
           };
-          top += itemHeight + padding;
+          currentColWidth = Math.max(currentColWidth, itemWidth);
+          currentColHeight += itemHeight + padding;
         });
         totalWidth += currentColWidth;
         columnSizes.push({
@@ -14114,19 +14341,20 @@
         var hitboxes = me.legendHitBoxes,
             _me$options6 = me.options,
             align = _me$options6.align,
-            padding = _me$options6.labels.padding;
+            padding = _me$options6.labels.padding,
+            rtl = _me$options6.rtl;
 
         if (this.isHorizontal()) {
           var row = 0;
 
           var left = _alignStartEnd(align, me.left + padding, me.right - me.lineWidths[row]);
 
-          var _iterator13 = _createForOfIteratorHelper(hitboxes),
-              _step13;
+          var _iterator14 = _createForOfIteratorHelper(hitboxes),
+              _step14;
 
           try {
-            for (_iterator13.s(); !(_step13 = _iterator13.n()).done;) {
-              var hitbox = _step13.value;
+            for (_iterator14.s(); !(_step14 = _iterator14.n()).done;) {
+              var hitbox = _step14.value;
 
               if (row !== hitbox.row) {
                 row = hitbox.row;
@@ -14138,21 +14366,35 @@
               left += hitbox.width + padding;
             }
           } catch (err) {
-            _iterator13.e(err);
+            _iterator14.e(err);
           } finally {
-            _iterator13.f();
+            _iterator14.f();
+          }
+
+          if (rtl) {
+            var boxMap = hitboxes.reduce(function (map, box) {
+              map[box.row] = map[box.row] || [];
+              map[box.row].push(box);
+              return map;
+            }, {});
+            var newBoxes = [];
+            Object.keys(boxMap).forEach(function (key) {
+              boxMap[key].reverse();
+              newBoxes.push.apply(newBoxes, _toConsumableArray(boxMap[key]));
+            });
+            me.legendHitBoxes = newBoxes;
           }
         } else {
           var col = 0;
 
           var top = _alignStartEnd(align, me.top + titleHeight + padding, me.bottom - me.columnSizes[col].height);
 
-          var _iterator14 = _createForOfIteratorHelper(hitboxes),
-              _step14;
+          var _iterator15 = _createForOfIteratorHelper(hitboxes),
+              _step15;
 
           try {
-            for (_iterator14.s(); !(_step14 = _iterator14.n()).done;) {
-              var _hitbox = _step14.value;
+            for (_iterator15.s(); !(_step15 = _iterator15.n()).done;) {
+              var _hitbox = _step15.value;
 
               if (_hitbox.col !== col) {
                 col = _hitbox.col;
@@ -14164,9 +14406,9 @@
               top += _hitbox.height + padding;
             }
           } catch (err) {
-            _iterator14.e(err);
+            _iterator15.e(err);
           } finally {
-            _iterator14.f();
+            _iterator15.f();
           }
         }
       }
@@ -14276,7 +14518,7 @@
         var fillText = function fillText(x, y, legendItem) {
           renderText(ctx, legendItem.text, x, y + itemHeight / 2, labelFont, {
             strikethrough: legendItem.hidden,
-            textAlign: legendItem.textAlign
+            textAlign: rtlHelper.textAlign(legendItem.textAlign)
           });
         };
 
@@ -14305,7 +14547,7 @@
           ctx.fillStyle = legendItem.fontColor || fontColor;
           var textWidth = ctx.measureText(legendItem.text).width;
           var textAlign = rtlHelper.textAlign(legendItem.textAlign || (legendItem.textAlign = labelOpts.textAlign));
-          var width = boxWidth + fontSize / 2 + textWidth;
+          var width = boxWidth + halfFontSize + textWidth;
           var x = cursor.x;
           var y = cursor.y;
           rtlHelper.setWidth(me.width);
@@ -14324,7 +14566,7 @@
 
           var realX = rtlHelper.x(x);
           drawLegendBox(realX, y, legendItem);
-          x = _textX(textAlign, x + boxWidth + halfFontSize, me.right);
+          x = _textX(textAlign, x + boxWidth + halfFontSize, isHorizontal ? x + width : me.right, opts.rtl);
           fillText(rtlHelper.x(x), y, legendItem);
 
           if (isHorizontal) {
@@ -14738,6 +14980,48 @@
       _indexable: false
     }
   };
+  var map = new WeakMap();
+  var plugin_subtitle = {
+    id: 'subtitle',
+    start: function start(chart, _args, options) {
+      var title = new Title({
+        ctx: chart.ctx,
+        options: options,
+        chart: chart
+      });
+      layouts.configure(chart, title, options);
+      layouts.addBox(chart, title);
+      map.set(chart, title);
+    },
+    stop: function stop(chart) {
+      layouts.removeBox(chart, map.get(chart));
+      map.delete(chart);
+    },
+    beforeUpdate: function beforeUpdate(chart, _args, options) {
+      var title = map.get(chart);
+      layouts.configure(chart, title, options);
+      title.options = options;
+    },
+    defaults: {
+      align: 'center',
+      display: false,
+      font: {
+        weight: 'normal'
+      },
+      fullSize: true,
+      padding: 0,
+      position: 'top',
+      text: '',
+      weight: 1500
+    },
+    defaultRoutes: {
+      color: 'color'
+    },
+    descriptors: {
+      _scriptable: true,
+      _indexable: false
+    }
+  };
   var positioners = {
     average: function average(items) {
       if (!items.length) {
@@ -15655,9 +15939,9 @@
       value: function setActiveElements(activeElements, eventPosition) {
         var me = this;
         var lastActive = me._active;
-        var active = activeElements.map(function (_ref7) {
-          var datasetIndex = _ref7.datasetIndex,
-              index = _ref7.index;
+        var active = activeElements.map(function (_ref8) {
+          var datasetIndex = _ref8.datasetIndex,
+              index = _ref8.index;
 
           var meta = me._chart.getDatasetMeta(datasetIndex);
 
@@ -15928,6 +16212,7 @@
     Decimation: plugin_decimation,
     Filler: plugin_filler,
     Legend: plugin_legend,
+    SubTitle: plugin_subtitle,
     Title: plugin_title,
     Tooltip: plugin_tooltip
   });
@@ -16097,14 +16382,15 @@
   function generateTicks$1(generationOptions, dataRange) {
     var ticks = [];
     var MIN_SPACING = 1e-14;
-    var step = generationOptions.step,
+    var bounds = generationOptions.bounds,
+        step = generationOptions.step,
         min = generationOptions.min,
         max = generationOptions.max,
         precision = generationOptions.precision,
         count = generationOptions.count,
         maxTicks = generationOptions.maxTicks,
         maxDigits = generationOptions.maxDigits,
-        horizontal = generationOptions.horizontal;
+        includeBounds = generationOptions.includeBounds;
     var unit = step || 1;
     var maxSpaces = maxTicks - 1;
     var rmin = dataRange.min,
@@ -16112,7 +16398,7 @@
     var minDefined = !isNullOrUndef(min);
     var maxDefined = !isNullOrUndef(max);
     var countDefined = !isNullOrUndef(count);
-    var minSpacing = (rmax - rmin) / maxDigits;
+    var minSpacing = (rmax - rmin) / (maxDigits + 1);
     var spacing = niceNum((rmax - rmin) / maxSpaces / unit) * unit;
     var factor, niceMin, niceMax, numSpaces;
 
@@ -16135,11 +16421,16 @@
       spacing = Math.ceil(spacing * factor) / factor;
     }
 
-    niceMin = Math.floor(rmin / spacing) * spacing;
-    niceMax = Math.ceil(rmax / spacing) * spacing;
+    if (bounds === 'ticks') {
+      niceMin = Math.floor(rmin / spacing) * spacing;
+      niceMax = Math.ceil(rmax / spacing) * spacing;
+    } else {
+      niceMin = rmin;
+      niceMax = rmax;
+    }
 
     if (minDefined && maxDefined && step && almostWhole((max - min) / step, spacing / 1000)) {
-      numSpaces = Math.min((max - min) / spacing, maxTicks);
+      numSpaces = Math.round(Math.min((max - min) / spacing, maxTicks));
       spacing = (max - min) / numSpaces;
       niceMin = min;
       niceMax = max;
@@ -16158,21 +16449,26 @@
       }
     }
 
-    factor = Math.pow(10, isNullOrUndef(precision) ? _decimalPlaces(spacing) : precision);
+    var decimalPlaces = Math.max(_decimalPlaces(spacing), _decimalPlaces(niceMin));
+    factor = Math.pow(10, isNullOrUndef(precision) ? decimalPlaces : precision);
     niceMin = Math.round(niceMin * factor) / factor;
     niceMax = Math.round(niceMax * factor) / factor;
     var j = 0;
 
     if (minDefined) {
-      ticks.push({
-        value: min
-      });
+      if (includeBounds && niceMin !== min) {
+        ticks.push({
+          value: min
+        });
 
-      if (niceMin <= min) {
-        j++;
-      }
+        if (niceMin < min) {
+          j++;
+        }
 
-      if (almostEquals(Math.round((niceMin + j * spacing) * factor) / factor, min, minSpacing * (horizontal ? ('' + min).length : 1))) {
+        if (almostEquals(Math.round((niceMin + j * spacing) * factor) / factor, min, relativeLabelSize(min, minSpacing, generationOptions))) {
+          j++;
+        }
+      } else if (niceMin < min) {
         j++;
       }
     }
@@ -16183,15 +16479,15 @@
       });
     }
 
-    if (maxDefined) {
-      if (almostEquals(ticks[ticks.length - 1].value, max, minSpacing * (horizontal ? ('' + max).length : 1))) {
+    if (maxDefined && includeBounds && niceMax !== max) {
+      if (almostEquals(ticks[ticks.length - 1].value, max, relativeLabelSize(max, minSpacing, generationOptions))) {
         ticks[ticks.length - 1].value = max;
       } else {
         ticks.push({
           value: max
         });
       }
-    } else {
+    } else if (!maxDefined || niceMax === max) {
       ticks.push({
         value: niceMax
       });
@@ -16200,6 +16496,15 @@
     return ticks;
   }
 
+  function relativeLabelSize(value, minSpacing, _ref9) {
+    var horizontal = _ref9.horizontal,
+        minRotation = _ref9.minRotation;
+    var rad = toRadians(minRotation);
+    var ratio = (horizontal ? Math.sin(rad) : Math.cos(rad)) || 0.001;
+    var length = 0.75 * minSpacing * ('' + value).length;
+    return Math.min(minSpacing / ratio, length);
+  }
+
   var LinearScaleBase = /*#__PURE__*/function (_Scale2) {
     _inherits(LinearScaleBase, _Scale2);
 
@@ -16236,9 +16541,7 @@
       key: "handleTickRangeOptions",
       value: function handleTickRangeOptions() {
         var me = this;
-        var _me$options7 = me.options,
-            beginAtZero = _me$options7.beginAtZero,
-            stacked = _me$options7.stacked;
+        var beginAtZero = me.options.beginAtZero;
 
         var _me$getUserBounds3 = me.getUserBounds(),
             minDefined = _me$getUserBounds3.minDefined,
@@ -16255,7 +16558,7 @@
           return max = maxDefined ? max : v;
         };
 
-        if (beginAtZero || stacked) {
+        if (beginAtZero) {
           var minSign = sign(min);
           var maxSign = sign(max);
 
@@ -16314,13 +16617,16 @@
         maxTicks = Math.max(2, maxTicks);
         var numericGeneratorOptions = {
           maxTicks: maxTicks,
+          bounds: opts.bounds,
           min: opts.min,
           max: opts.max,
           precision: tickOpts.precision,
           step: tickOpts.stepSize,
           count: tickOpts.count,
           maxDigits: me._maxDigits(),
-          horizontal: me.isHorizontal()
+          horizontal: me.isHorizontal(),
+          minRotation: tickOpts.minRotation || 0,
+          includeBounds: tickOpts.includeBounds !== false
         };
         var dataRange = me._range || me;
         var ticks = generateTicks$1(numericGeneratorOptions, dataRange);
@@ -16398,14 +16704,14 @@
       key: "computeTickLimit",
       value: function computeTickLimit() {
         var me = this;
-
-        if (me.isHorizontal()) {
-          return Math.ceil(me.width / 40);
-        }
+        var horizontal = me.isHorizontal();
+        var length = horizontal ? me.width : me.height;
+        var minRotation = toRadians(me.options.ticks.minRotation);
+        var ratio = (horizontal ? Math.sin(minRotation) : Math.cos(minRotation)) || 0.001;
 
         var tickFont = me._resolveTickFontOptions(0);
 
-        return Math.ceil(me.height / tickFont.lineHeight);
+        return Math.ceil(length / Math.min(40, tickFont.lineHeight / ratio));
       }
     }, {
       key: "getPixelForValue",
@@ -16654,17 +16960,11 @@
     return 0;
   }
 
-  function measureLabelSize(ctx, lineHeight, label) {
-    if (isArray(label)) {
-      return {
-        w: _longestText(ctx, ctx.font, label),
-        h: label.length * lineHeight
-      };
-    }
-
+  function measureLabelSize(ctx, font, label) {
+    label = isArray(label) ? label : [label];
     return {
-      w: ctx.measureText(label).width,
-      h: lineHeight
+      w: _longestText(ctx, font.string, label),
+      h: label.length * font.lineHeight
     };
   }
 
@@ -16695,19 +16995,16 @@
       b: scale.height - scale.paddingTop
     };
     var furthestAngles = {};
-    var i, textSize, pointPosition;
     var labelSizes = [];
     var padding = [];
     var valueCount = scale.getLabels().length;
 
-    for (i = 0; i < valueCount; i++) {
-      var _opts = scale.options.pointLabels.setContext(scale.getContext(i));
-
-      padding[i] = _opts.padding;
-      pointPosition = scale.getPointPosition(i, scale.drawingArea + padding[i]);
-      var plFont = toFont(_opts.font);
-      scale.ctx.font = plFont.string;
-      textSize = measureLabelSize(scale.ctx, plFont.lineHeight, scale._pointLabels[i]);
+    for (var i = 0; i < valueCount; i++) {
+      var opts = scale.options.pointLabels.setContext(scale.getContext(i));
+      padding[i] = opts.padding;
+      var pointPosition = scale.getPointPosition(i, scale.drawingArea + padding[i]);
+      var plFont = toFont(opts.font);
+      var textSize = measureLabelSize(scale.ctx, plFont, scale._pointLabels[i]);
       labelSizes[i] = textSize;
       var angleRadians = scale.getIndexAngle(i);
       var angle = toDegrees(angleRadians);
@@ -16737,41 +17034,36 @@
 
     scale._setReductions(scale.drawingArea, furthestLimits, furthestAngles);
 
-    scale._pointLabelItems = [];
+    scale._pointLabelItems = buildPointLabelItems(scale, labelSizes, padding);
+  }
+
+  function buildPointLabelItems(scale, labelSizes, padding) {
+    var items = [];
+    var valueCount = scale.getLabels().length;
     var opts = scale.options;
     var tickBackdropHeight = getTickBackdropHeight(opts);
     var outerDistance = scale.getDistanceFromCenterForValue(opts.ticks.reverse ? scale.min : scale.max);
 
-    for (i = 0; i < valueCount; i++) {
+    for (var i = 0; i < valueCount; i++) {
       var extra = i === 0 ? tickBackdropHeight / 2 : 0;
       var pointLabelPosition = scale.getPointPosition(i, outerDistance + extra + padding[i]);
-
-      var _angle = toDegrees(scale.getIndexAngle(i));
-
+      var angle = toDegrees(scale.getIndexAngle(i));
       var size = labelSizes[i];
-      adjustPointPositionForLabelHeight(_angle, size, pointLabelPosition);
-      var textAlign = getTextAlignForAngle(_angle);
-      var left = void 0;
-
-      if (textAlign === 'left') {
-        left = pointLabelPosition.x;
-      } else if (textAlign === 'center') {
-        left = pointLabelPosition.x - size.w / 2;
-      } else {
-        left = pointLabelPosition.x - size.w;
-      }
-
-      var right = left + size.w;
-      scale._pointLabelItems[i] = {
+      var y = yForAngle(pointLabelPosition.y, size.h, angle);
+      var textAlign = getTextAlignForAngle(angle);
+      var left = leftForTextAlign(pointLabelPosition.x, size.w, textAlign);
+      items.push({
         x: pointLabelPosition.x,
-        y: pointLabelPosition.y,
+        y: y,
         textAlign: textAlign,
         left: left,
-        top: pointLabelPosition.y,
-        right: right,
-        bottom: pointLabelPosition.y + size.h
-      };
+        top: y,
+        right: left + size.w,
+        bottom: y + size.h
+      });
     }
+
+    return items;
   }
 
   function getTextAlignForAngle(angle) {
@@ -16784,12 +17076,24 @@
     return 'right';
   }
 
-  function adjustPointPositionForLabelHeight(angle, textSize, position) {
+  function leftForTextAlign(x, w, align) {
+    if (align === 'right') {
+      x -= w;
+    } else if (align === 'center') {
+      x -= w / 2;
+    }
+
+    return x;
+  }
+
+  function yForAngle(y, h, angle) {
     if (angle === 90 || angle === 270) {
-      position.y -= textSize.h / 2;
+      y -= h / 2;
     } else if (angle > 270 || angle < 90) {
-      position.y -= textSize.h;
+      y -= h;
     }
+
+    return y;
   }
 
   function drawPointLabels(scale, labelCount) {
@@ -17036,9 +17340,9 @@
       key: "drawBackground",
       value: function drawBackground() {
         var me = this;
-        var _me$options8 = me.options,
-            backgroundColor = _me$options8.backgroundColor,
-            circular = _me$options8.grid.circular;
+        var _me$options7 = me.options,
+            backgroundColor = _me$options7.backgroundColor,
+            circular = _me$options7.grid.circular;
 
         if (backgroundColor) {
           var ctx = me.ctx;
@@ -17135,6 +17439,7 @@
           offset = me.getDistanceFromCenterForValue(me.ticks[index].value);
 
           if (optsAtIndex.showLabelBackdrop) {
+            ctx.font = tickFont.string;
             width = ctx.measureText(tick.label).width;
             ctx.fillStyle = optsAtIndex.backdropColor;
             var padding = toPadding(optsAtIndex.backdropPadding);
@@ -17752,20 +18057,38 @@
   };
 
   function interpolate(table, val, reverse) {
+    var lo = 0;
+    var hi = table.length - 1;
     var prevSource, nextSource, prevTarget, nextTarget;
 
     if (reverse) {
-      prevSource = Math.floor(val);
-      nextSource = Math.ceil(val);
-      prevTarget = table[prevSource];
-      nextTarget = table[nextSource];
+      if (val >= table[lo].pos && val <= table[hi].pos) {
+        var _lookupByKey2 = _lookupByKey(table, 'pos', val);
+
+        lo = _lookupByKey2.lo;
+        hi = _lookupByKey2.hi;
+      }
+
+      var _table$lo = table[lo];
+      prevSource = _table$lo.pos;
+      prevTarget = _table$lo.time;
+      var _table$hi = table[hi];
+      nextSource = _table$hi.pos;
+      nextTarget = _table$hi.time;
     } else {
-      var result = _lookup(table, val);
+      if (val >= table[lo].time && val <= table[hi].time) {
+        var _lookupByKey3 = _lookupByKey(table, 'time', val);
+
+        lo = _lookupByKey3.lo;
+        hi = _lookupByKey3.hi;
+      }
 
-      prevTarget = result.lo;
-      nextTarget = result.hi;
-      prevSource = table[prevTarget];
-      nextSource = table[nextTarget];
+      var _table$lo2 = table[lo];
+      prevSource = _table$lo2.time;
+      prevTarget = _table$lo2.pos;
+      var _table$hi2 = table[hi];
+      nextSource = _table$hi2.time;
+      nextTarget = _table$hi2.pos;
     }
 
     var span = nextSource - prevSource;
@@ -17784,7 +18107,8 @@
 
       _this19 = _super25.call(this, props);
       _this19._table = [];
-      _this19._maxIndex = undefined;
+      _this19._minPos = undefined;
+      _this19._tableRange = undefined;
       return _this19;
     }
 
@@ -17795,19 +18119,30 @@
 
         var timestamps = me._getTimestampsForTable();
 
-        me._table = me.buildLookupTable(timestamps);
-        me._maxIndex = me._table.length - 1;
+        var table = me._table = me.buildLookupTable(timestamps);
+        me._minPos = interpolate(table, me.min);
+        me._tableRange = interpolate(table, me.max) - me._minPos;
 
         _get(_getPrototypeOf(TimeSeriesScale.prototype), "initOffsets", this).call(this, timestamps);
       }
     }, {
       key: "buildLookupTable",
       value: function buildLookupTable(timestamps) {
-        var me = this;
-        var min = me.min,
-            max = me.max;
+        var min = this.min,
+            max = this.max;
+        var items = [];
+        var table = [];
+        var i, ilen, prev, curr, next;
+
+        for (i = 0, ilen = timestamps.length; i < ilen; ++i) {
+          curr = timestamps[i];
 
-        if (!timestamps.length) {
+          if (curr >= min && curr <= max) {
+            items.push(curr);
+          }
+        }
+
+        if (items.length < 2) {
           return [{
             time: min,
             pos: 0
@@ -17817,19 +18152,20 @@
           }];
         }
 
-        var items = [min];
-        var i, ilen, curr;
-
-        for (i = 0, ilen = timestamps.length; i < ilen; ++i) {
-          curr = timestamps[i];
-
-          if (curr > min && curr < max) {
-            items.push(curr);
+        for (i = 0, ilen = items.length; i < ilen; ++i) {
+          next = items[i + 1];
+          prev = items[i - 1];
+          curr = items[i];
+
+          if (Math.round((next + prev) / 2) !== curr) {
+            table.push({
+              time: curr,
+              pos: i / (ilen - 1)
+            });
           }
         }
 
-        items.push(max);
-        return items;
+        return table;
       }
     }, {
       key: "_getTimestampsForTable",
@@ -17853,18 +18189,10 @@
         timestamps = me._cache.all = timestamps;
         return timestamps;
       }
-    }, {
-      key: "getPixelForValue",
-      value: function getPixelForValue(value, index) {
-        var me = this;
-        var offsets = me._offsets;
-        var pos = me._normalized && me._maxIndex > 0 && !isNullOrUndef(index) ? index / me._maxIndex : me.getDecimalForValue(value);
-        return me.getPixelForDecimal((offsets.start + pos) * offsets.factor);
-      }
     }, {
       key: "getDecimalForValue",
       value: function getDecimalForValue(value) {
-        return interpolate(this._table, value) / this._maxIndex;
+        return (interpolate(this._table, value) - this._minPos) / this._tableRange;
       }
     }, {
       key: "getValueForPixel",
@@ -17872,7 +18200,7 @@
         var me = this;
         var offsets = me._offsets;
         var decimal = me.getDecimalForPixel(pixel) / offsets.factor - offsets.end;
-        return interpolate(me._table, decimal * this._maxIndex, true);
+        return interpolate(me._table, decimal * me._tableRange + me._minPos, true);
       }
     }]);