Skip to content

C
c3-closed
Commit a0833777 authored by Masayuki Tanaka's avatar Masayuki Tanaka
Browse files
Options

Fix tick text rotation with negative value - #501

parent 50bd61a0
Show whitespace changes
Inline Side-by-side
Showing with 4 additions and 4 deletions
c3.js
View file @ a0833777
...@@ -3950,11 +3950,11 @@ ...@@ -3950,11 +3950,11 @@
return 10 * Math.sin(Math.PI * (r / 180)); return 10 * Math.sin(Math.PI * (r / 180));
}; };
c3_chart_internal_fn.yForRotatedTickText = function (r) { c3_chart_internal_fn.yForRotatedTickText = function (r) {
return 11.5 - 2.5 * (r / 15); return 11.5 - 2.5 * (r / 15) * (r > 0 ? 1 : -1);
}; };
c3_chart_internal_fn.rotateTickText = function (axis, transition, rotate) { c3_chart_internal_fn.rotateTickText = function (axis, transition, rotate) {
axis.selectAll('.tick text') axis.selectAll('.tick text')
.style("text-anchor", "start"); .style("text-anchor", rotate > 0 ? "start" : "end");
transition.selectAll('.tick text') transition.selectAll('.tick text')
.attr("y", this.yForRotatedTickText(rotate)) .attr("y", this.yForRotatedTickText(rotate))
.attr("x", this.xForRotatedTickText(rotate)) .attr("x", this.xForRotatedTickText(rotate))
......
c3.min.js
View file @ a0833777
This source diff could not be displayed because it is too large. You can view the blob instead.
src/axis.js
View file @ a0833777
...@@ -227,11 +227,11 @@ c3_chart_internal_fn.xForRotatedTickText = function (r) { ...@@ -227,11 +227,11 @@ c3_chart_internal_fn.xForRotatedTickText = function (r) {
return 10 * Math.sin(Math.PI * (r / 180)); return 10 * Math.sin(Math.PI * (r / 180));
}; };
c3_chart_internal_fn.yForRotatedTickText = function (r) { c3_chart_internal_fn.yForRotatedTickText = function (r) {
return 11.5 - 2.5 * (r / 15); return 11.5 - 2.5 * (r / 15) * (r > 0 ? 1 : -1);
}; };
c3_chart_internal_fn.rotateTickText = function (axis, transition, rotate) { c3_chart_internal_fn.rotateTickText = function (axis, transition, rotate) {
axis.selectAll('.tick text') axis.selectAll('.tick text')
.style("text-anchor", "start"); .style("text-anchor", rotate > 0 ? "start" : "end");
transition.selectAll('.tick text') transition.selectAll('.tick text')
.attr("y", this.yForRotatedTickText(rotate)) .attr("y", this.yForRotatedTickText(rotate))
.attr("x", this.xForRotatedTickText(rotate)) .attr("x", this.xForRotatedTickText(rotate))
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment