uber/react-vis

LabelSeries with Stacked Vertical Bar Series

Open

#1,037 opened on Nov 13, 2018

View on GitHub
 (4 comments) (2 reactions) (0 assignees)JavaScript (868 forks)batch import
bughelp wanted

Repository metrics

Stars
 (8,615 stars)
PR merge metrics
 (No merged PRs in 30d)

Description

Hi, I have some issues with labelSeries when using it with a vertical Bar Series (so stackby="y"). The label seem to always go way above the bars like that:

image

I've done a codepen to show my problem. https://codesandbox.io/s/5kx21nk77l

Is there a way to get around the problem or maybe i'm doing this the wrong way (i used this tutorial ) ? I've tried negative values and reverse the labelSeries position in the XYplot but i don't have consistent result ...

Contributor guide

Research direction
Investigate the LabelSeries component's positioning logic for stacked vertical bar charts. Check how it calculates label y position relative to stacked values, possibly in the 'data' preprocessing or 'getAlign' function. Look at the codepen for reproduction.
Tech stack
javascript
Domain
frontend
Issue type
Bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
Half day
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
ReactJavaScript
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
50