Overlapping Data Label
- Dominant language
- JavaScript
- Stars
- 9.3k
- Forks
- 1.4k
- Avg merge
- 6d 16h
- Merged PRs (30d)
- 1
Description
I just want to know how I can change the position of data.labels.
I have two data series in spline chart and the data are close so they are overlapping. Attached an image of the problem and the code

var chart = c3.generate({
data: {
bindto: "#chart",
labels: true,
columns: [
['data1', 25, 30, 40, 50, 150, 250],
['data2', 0, 29, 38, 51, 150, 50]
],
type: 'spline'
}
});
Contributor guide
Research direction
Reproduce the supplied spline-chart configuration and inspect the repository's data-label rendering and positioning entry points. Clarify whether the expected result is automatic collision avoidance or a public positioning option; the issue is complete only when the intended behavior is defined and covered by a reproducible test.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- d3, javascript
- Domain
- data-visualization
- Issue type
- Feature
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 25/100