c3js / c3js/c3

data label placement when y axis inverted

Open
#2,434 0 comments 0 reactions 0 assignees View on GitHub
C-bug
Dominant language
JavaScript
Stars
9.3k
Forks
1.4k
Avg merge
6d 16h
Merged PRs (30d)
1

Description

Data labels for bar charts are placed inside the bar when the y axis is inverted.

[example in JSFiddle](http://jsfiddle.net/wiringa/7n4cvpaz/)

![image](https://user-images.githubusercontent.com/955555/43206121-99234c6a-8fea-11e8-8c85-59d04897c1ce.png)

* **C3 version**: 0.6.6
* **D3 version**: 4.13.0
* **Browser**: multiple
* **OS**: multiple

Contributor guide

Open the contributing guide

Research direction

Reproduce the inverted y-axis case using the linked JSFiddle with C3 0.6.6 and D3 4.13.0, then trace the bar-chart data-label placement logic. Compare label positioning for normal and inverted axes; done means labels are placed correctly relative to the bars in both orientations.

Written by the indexing model from the issue text.

Assessment

Tech stack
d3, javascript
Domain
data-visualization
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
42/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.