c3js / c3

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

Donut chart labels overlaping/cutting #1960

Open DinakaranS opened 7 years ago

DinakaranS commented 7 years ago

Hi,

I am using donut chart to display high number values. But its overlapping/cutting and looks ugly, is there any way to fix this.

screen shot 2017-02-10 at 5 59 34 pm
netil commented 7 years ago

One approach will be styling texts

.c3-chart-arcs g text {
    font-size: 10px;
}
slavakb commented 6 years ago

Hello! I've the same problem. @netil what do you exactly mean with "styling texts"? I've tried to increase the z-index with the class selector you wrote above. But the data labels still does disappear behind the chart. Any idea what i can do about it? Thank you in advance for the answers.