Mirrors/Chart.js
1
0
Fork 0
mirror of https://github.com/chartjs/Chart.js.git synced 2024-10-06 12:19:08 +02:00
Code Issues Packages Projects Releases Wiki Activity

Draw line at edge of scales & update tests

Browse Source
This commit is contained in:
Evert Timberg 2015-12-28 09:26:59 -05:00
parent 5a5d698b11
commit f2899934db
2 changed files with 90 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/core/core.scale.js
View File

@ -603,7 +603,6 @@
}
}
this.ctx.translate(xLabelValue, yLabelValue);
this.ctx.rotate(helpers.toRadians(this.labelRotation) * -1);
this.ctx.font = labelFont;
@ -630,6 +629,21 @@
this.ctx.restore();
}
}
// Draw the line at the edge of the axis
this.ctx.lineWidth = this.options.gridLines.lineWidth;
this.ctx.strokeStyle = this.options.gridLines.color;
var x1 = this.left, x2 = this.right, y1 = this.top, y2 = this.bottom;
if (this.isHorizontal()) {
y1 = y2 = this.options.position === 'top' ? this.bottom : this.top;
} else {
x1 = x2 = this.options.position === 'left' ? this.right : this.left;
}
this.ctx.moveTo(x1, y1);
this.ctx.lineTo(x2, y2);
this.ctx.stroke();
}
}
});

75
test/scale.linear.tests.js
View File

@ -978,6 +978,21 @@ describe('Linear Scale', function() {
}, {
"name": "restore",
"args": []
}, {
"name": "setLineWidth",
"args": [1]
}, {
"name": "setStrokeStyle",
"args": ["rgba(0, 0, 0, 0.1)"]
}, {
"name": "moveTo",
"args": [0, 100]
}, {
"name": "lineTo",
"args": [200, 100]
}, {
"name": "stroke",
"args": []
}];
expect(mockContext.getCalls()).toEqual(expected);
@ -1036,6 +1051,21 @@ describe('Linear Scale', function() {
}, {
"name": "fillText",
"args": ["myLabel", 100, 122]
}, {
"name": "setLineWidth",
"args": [1]
}, {
"name": "setStrokeStyle",
"args": ["rgba(0, 0, 0, 0.1)"]
}, {
"name": "moveTo",
"args": [0, 100]
}, {
"name": "lineTo",
"args": [200, 100]
}, {
"name": "stroke",
"args": []
}]);
// Turn off display
@ -1480,6 +1510,21 @@ describe('Linear Scale', function() {
}, {
"name": "restore",
"args": []
}, {
"name": "setLineWidth",
"args": [1]
}, {
"name": "setStrokeStyle",
"args": ["rgba(0, 0, 0, 0.1)"]
}, {
"name": "moveTo",
"args": [30, 0]
}, {
"name": "lineTo",
"args": [30, 300]
}, {
"name": "stroke",
"args": []
}]);
// Turn off some drawing
@ -1596,6 +1641,21 @@ describe('Linear Scale', function() {
}, {
"name": "restore",
"args": []
}, {
"name": "setLineWidth",
"args": [1]
}, {
"name": "setStrokeStyle",
"args": ["rgba(0, 0, 0, 0.1)"]
}, {
"name": "moveTo",
"args": [30, 0]
}, {
"name": "lineTo",
"args": [30, 300]
}, {
"name": "stroke",
"args": []
}]);
});
@ -1838,6 +1898,21 @@ describe('Linear Scale', function() {
}, {
"name": "restore",
"args": []
}, {
"name": "setLineWidth",
"args": [1]
}, {
"name": "setStrokeStyle",
"args": ["rgba(0, 0, 0, 0.1)"]
}, {
"name": "moveTo",
"args": [30, 0]
}, {
"name": "lineTo",
"args": [30, 300]
}, {
"name": "stroke",
"args": []
}])
});
});