c3js / c3js/c3

Overlapping Data Label

Open
#1,103 2 comments 0 reactions 0 assignees View on GitHub
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

![sample](https://cloud.githubusercontent.com/assets/452352/6994273/dcffaed8-db1b-11e4-8ab1-3b99b5805a47.png)

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

Open the contributing 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.