Fix clip path for vertical axis - #718

10 years ago · 12f7c8166e
3 changed files with 5 additions and 5 deletions
--- a/c3.js
+++ b/c3.js
@ -4328,7 +4328,7 @@
        return forHorizontal ? -(1 + left) : -(left - 1);
    };
    c3_chart_internal_fn.getAxisClipY = function (forHorizontal) {
-        return forHorizontal ? -20 : -4;
+        return forHorizontal ? -20 : -this.margin.top;
    };
    c3_chart_internal_fn.getXAxisClipX = function () {
        var $$ = this;
@ -4354,7 +4354,7 @@
        return forHorizontal ? $$.width + 2 + left + right : $$.margin.left + 20;
    };
    c3_chart_internal_fn.getAxisClipHeight = function (forHorizontal) {
-        return (forHorizontal ? this.margin.bottom : this.height) + 8;
+        return (forHorizontal ? this.margin.bottom : (this.margin.top + this.height)) + 8;
    };
    c3_chart_internal_fn.getXAxisClipWidth = function () {
        var $$ = this;
--- a/c3.min.js
+++ b/c3.min.js
--- a/src/clip.js
+++ b/src/clip.js
@ -11,7 +11,7 @@ c3_chart_internal_fn.getAxisClipX = function (forHorizontal) {
    return forHorizontal ? -(1 + left) : -(left - 1);
 };
 c3_chart_internal_fn.getAxisClipY = function (forHorizontal) {
-    return forHorizontal ? -20 : -4;
+    return forHorizontal ? -20 : -this.margin.top;
 };
 c3_chart_internal_fn.getXAxisClipX = function () {
    var $$ = this;
@ -37,7 +37,7 @@ c3_chart_internal_fn.getAxisClipWidth = function (forHorizontal) {
    return forHorizontal ? $$.width + 2 + left + right : $$.margin.left + 20;
 };
 c3_chart_internal_fn.getAxisClipHeight = function (forHorizontal) {
-    return (forHorizontal ? this.margin.bottom : this.height) + 8;
+    return (forHorizontal ? this.margin.bottom : (this.margin.top + this.height)) + 8;
 };
 c3_chart_internal_fn.getXAxisClipWidth = function () {
    var $$ = this;