8000 Implement bar labels (issue 34) by n-riesco · Pull Request #1159 · plotly/plotly.js · GitHub
[go: up one dir, main page]
Skip to content

Implement bar labels (issue 34) #1159

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 15 commits into from
Nov 24, 2016
Merged

Implement bar labels (issue 34) #1159

Changes from 1 commit
Commits
Show all changes
15 commits
Select commit Hold shift + click to select a range
2b404c6
bar: add text-related attributes
n-riesco Nov 8, 2016
f3a45af
bar: draw bar texts
n-riesco Nov 8, 2016
2e583de
bar: fix indentation of .enter()
n-riesco Nov 9, 2016
7df4e09
bar: increase text padding to 3px
n-riesco Nov 11, 2016
3fd0d18
bar: change criteria for `textposition: 'auto'`
n-riesco Nov 11, 2016
13f0f6a
bar: update algorithm to position bar texts
n-riesco Nov 12, 2016
efd6abd
bar: don't apply text padding if bar too small
n-riesco Nov 12, 2016
de84518
bar: update text rotation algorithm
n-riesco Nov 14, 2016
4a45032
bar: do not coerce elements of an array attribute
n-riesco Nov 15, 2016
b06a80a
bar: accept font family, size and color arrays
n-riesco Nov 15, 2016
f7806c8
bar: bar texts only rotate clockwise
n-riesco Nov 16, 2016
a1ef694
bar: simplify outside text positioning
n-riesco Nov 16, 2016
5c8e7b4
bar: update criteria for 'textposition: 'auto'`
n-riesco Nov 16, 2016
b41f3cd
bar: describe `textposition` options
n-riesco Nov 16, 2016
b7bfc97
test: bar texts
n-riesco Nov 8, 2016
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
bar: bar texts only rotate clockwise
  • Loading branch information
@n-riesco
n-riesco committed Nov 17, 2016
commit f7806c85cbf4de6c5938b04616bb064d216afdd8
8 changes: 3 additions & 5 deletions src/traces/bar/plot.js
View file
Open in desktop
< 5AE4 td id="diff-e5a908bc8cc6eacabde0c549eb2b81bf2d4c256eb19b160e572e65c581fbd80bR423" data-line-number="423" class="blob-num blob-num-context js-linkable-line-number js-blob-rnum">
Original file line number Diff line number Diff line change
Expand Up @@ -300,7 +300,7 @@ function getTransformToMoveInsideBar(x0, x1, y0, y1, textBB, orientation) {
scale = Math.min(barHeight / textWidth, barWidth / textHeight);
}

if(rotate) rotate = -90; // rotate counter-clockwise
if(rotate) rotate = 90; // rotate clockwise

// compute text and target positions
if(rotate) {
Expand Down Expand Up @@ -388,6 +388,8 @@ function getTransformToMoveOutsideBar(x0, x1, y0, y1, textBB, orientation) {
scale = barWidth / textHeight;
}

if(rotate) rotate = 90; // rotate clockwise

// compute text and target positions
var textX = (textBB.left + textBB.right) / 2,
textY = (textBB.top + textBB.bottom) / 2,
Expand All @@ -409,25 +411,21 @@ function getTransformToMoveOutsideBar(x0, x1, y0, y1, textBB, orientation) {
// bar end is on the left hand side
targetX = x1 - textpad - targetWidth / 2;
targetY = (y0 + y1) / 2;
if(rotate) rotate = -90; // rotate counter-clockwise
}
else {
targetX = x1 + textpad + targetWidth / 2;
targetY = (y0 + y1) / 2;
if(rotate) rotate = 90; // rotate clockwise
}
}
else {
if(y1 > y0) {
// bar end is on the bottom
targetX = (x0 + x1) / 2;
targetY = y1 + textpad + targetHeight / 2;
if(rotate) rotate = -90; // rotate counter-clockwise
}
else {
targetX = (x0 + x1) / 2;
targetY = y1 - textpad - targetHeight / 2;
if(rotate) rotate = 90; // rotate clockwise
}
}

Expand Down
0