replace getBoundingClientRect by getBBox where appropriate

src/axis-internal.js

@@ -82,7 +82,7 @@ AxisInternal.prototype.updateTickTextCharSize = function (tick) {
         w: 5.5
     };
     tick.select('text').text(function(d) { return internal.textFormatted(d); }).each(function (d) {
-        var box = this.getBoundingClientRect(),
+        var box = this.getBBox(),
             text = internal.textFormatted(d),
             h = box.height,
             w = text ? (box.width / text.length) : undefined;
@@ -387,4 +387,4 @@ AxisInternal.prototype.generateAxis = function () {
     return axis;
 };
 
-export {AxisInternal};
+export {AxisInternal};

src/axis.js

@@ -322,7 +322,7 @@ Axis.prototype.getMaxTickWidth = function getMaxTickWidth(id, withoutRecompute)
         svg = dummy.append("svg").style('visibility', 'hidden').style('position', 'fixed').style('top', 0).style('left', 0),
             svg.append('g').call(axis).each(function () {
                 $$.d3.select(this).selectAll('text').each(function () {
-                    var box = this.getBoundingClientRect();
+                    var box = this.getBBox();
                     if (maxWidth < box.width) {
                         maxWidth = box.width;
                     }

src/data.js

@@ -310,7 +310,7 @@ ChartInternal.prototype.getDataLabelLength = function (min, max, key) {
             return $$.dataLabelFormat(d.id)(d);
         })
         .each(function (d, i) {
-            lengths[i] = this.getBoundingClientRect()[key] * paddingCoef;
+            lengths[i] = this.getBBox()[key] * paddingCoef;
         })
         .remove();
     return lengths;

src/shape.bar.js

@@ -120,7 +120,7 @@ ChartInternal.prototype.isWithinBar = function (mouse, that) {
     if (that.pathSegList.numberOfItems < 2) {
         return false;
     }
-    var box = that.getBoundingClientRect(),
+    var box = that.getBBox(),
         seg0 = that.pathSegList.getItem(0), seg1 = that.pathSegList.getItem(1),
         x = Math.min(seg0.x, seg1.x), y = Math.min(seg0.y, seg1.y),
         w = box.width, h = box.height, offset = 2,

src/text.js

@@ -64,7 +64,7 @@ ChartInternal.prototype.getTextRect = function (text, cls, element) {
         .classed(cls ? cls : "", true)
         .style('font', font)
         .text(text)
-      .each(function () { rect = this.getBoundingClientRect(); });
+      .each(function () { rect = this.getBBox(); });
     dummy.remove();
     return rect;
 };
@@ -81,7 +81,7 @@ ChartInternal.prototype.generateXYForText = function (areaIndices, barIndices, l
 };
 ChartInternal.prototype.getXForText = function (points, d, textElement) {
     var $$ = this,
-        box = textElement.getBoundingClientRect(), xPos, padding;
+        box = textElement.getBBox(), xPos, padding;
     if ($$.config.axis_rotated) {
         padding = $$.isBarType(d) ? 4 : 6;
         xPos = points[2][1] + padding * (d.value < 0 ? -1 : 1);
@@ -100,7 +100,7 @@ ChartInternal.prototype.getXForText = function (points, d, textElement) {
 };
 ChartInternal.prototype.getYForText = function (points, d, textElement) {
     var $$ = this,
-        box = textElement.getBoundingClientRect(),
+        box = textElement.getBBox(),
         yPos;
     if ($$.config.axis_rotated) {
         yPos = (points[0][0] + points[2][0] + box.height * 0.6) / 2;

src/util.js

@@ -11,7 +11,7 @@ export var getOption = function(options, key, defaultValue) {
     return isDefined(options[key]) ? options[key] : defaultValue;
 };
 export var getPathBox = function(path) {
-    var box = path.getBoundingClientRect(),
+    var box = path.getBBox(),
         items = [path.pathSegList.getItem(0), path.pathSegList.getItem(1)],
         minX = items[0].x,
         minY = Math.min(items[0].y, items[1].y);