dc.js 饼图未显示所有标签

Question

我已经在饼图中设置了这些属性，但标签仍然不完整 visible.labels 仅在单击任何切片时可见，但在加载页面时不可见，我该怎么办现在？

    yearChart
    .width(200)
    .height(200)
    .dimension(yearDim)
    .group(countPerYear)
    .innerRadius(20)            
    .drawPaths(true)
    .externalRadiusPadding(30)
    .externalLabels(40);          


    monthChart
    .width(200)
    .height(200)
    .dimension(dist)
    .group(countPerDist)
    .innerRadius(20)
    .drawPaths(true)
    .externalRadiusPadding(30)
    .externalLabels(40);

Answer 1

用externalRadiusPadding

调整宽度、高度

试试这个

yearChart
.width(300)
.height(300)
.dimension(yearDim)
.group(countPerYear)
.innerRadius(20)            
.drawPaths(true)
.externalRadiusPadding(90)
.externalLabels(40);          


monthChart
.width(300)
.height(300)
.dimension(dist)
.group(countPerDist)
.innerRadius(20)
.drawPaths(true)
.externalRadiusPadding(90)
.externalLabels(40);

Answer 2

我终于解决了这个问题。我只需要添加 .minAngleForLabel(0) 以便显示所有标签。

yearChart
            .width(300)
            .height(300)
            .dimension(yearDim)
            .group(countPerYear)                        
            .drawPaths(true)
            .externalRadiusPadding(60)
            .minAngleForLabel(0)
            .externalLabels(40);

dc.js 饼图未显示所有标签

dc.js pie chart not all labels are shown

dc.js