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

问题描述：

我已在饼图这些属性，仍标签不完全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);

答

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

Pie labels showing

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

感谢您的跟踪！我想知道当'externalLabels'被启用时'minAngleForLabel'应该被禁用。 – Gordon

答

调整宽度，高度与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);

已经尝试过调整宽度，高度与外部RADIUS填充，但仍标签不可见，同时调整宽度高度和外部半径只有饼图已经变化，但它并不显示在标签上有任何影响。 –

你能分享更多的代码吗？ – Amal

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

相关推荐