如何将标签置于C3.js饼图中

时间：2016-02-29 14:33:35

标签： javascript d3.js svg c3.js

每个饼图弧内的标签位于边缘。我想使用css（.c3-arcs文本选择器）使文本更大，但文本被切断。有没有办法让标签在每个弧内居中？

这里是jsbin demo

enter image description here enter image description here

1 个答案:

答案 0 :(得分：0)

Coworker提出了一个使用text-anchor的解决方案，这并不完美，但会将标签移近中心位置。

enter image description here 

.c3-chart-arcs text { 
    text-anchor: start !important;
}

.c3-target-Large text {
    text-anchor: end !important;
}

更新了jsbin

相关问题
最新问题