search

c3js / c3

:bar_chart: A D3-based reusable chart library
http://c3js.org
MIT License
9.35k stars 1.39k forks source link

Overlapping Data Label #1103

Open baderex opened 9 years ago

baderex commented 9 years ago

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

anuragphadke commented 8 years ago

any update on this issue? I am having the same issue, albeit on a stacked bar chart.

mariusl-a commented 7 years ago

Same here - With stacked bar chart.

Only "solution" I've found is: http://stackoverflow.com/questions/26149258/c3js-position-of-data-labels But since I only want to move one of the labels not both.... .c3-chart-texts .c3-chart-text:nth-of-type(1) .c3-texts .c3-text { transform: translate(-25px, 0); }

This will move them 50px left so they don't cross eachother. Doesn't look that good, but works..