NVD3.jsの値が0の場合、凡例項目を非表示にする円チャート

Question

返すvalueが0の場合、labelを円グラフのlegendから非表示にする。誰でもNVD3.jsの正しい方向に向けることができますか？

nv.addGraph(function() { 
    var donutChart = nv.models.pieChart() 
     .x(function (d) { 
      return d.label 
     }) 
     .y(function (d) { 
      return d.value 
     }) 

     d3.select("#chart-devices svg") 
     .datum(data) 
     .transition().duration(1200) 
     .call(donutChart); 

    nv.utils.windowResize(donutChart.update); 
    return donutChart; 
}); 

Answer 1

可能答えがrenderEndイベントで値= 0の項目を削除することである。

chart.dispatch.on('renderEnd', function() { 
    console.log("renderEnd"); 
    d3.selectAll(".nv-legend .nv-series")[0].forEach(function (d) { 
     //get the data 
     var t = d3.select(d).data()[0]; 
     // remove item from legend 
     if (t.value == 0) 
      d3.select(d).remove(); 
    }); 
}); 

別の可能性は、タイムアウト後に項目を削除することである。

が両方の場合において

setTimeout(function() { 
    d3.selectAll(".nv-legend .nv-series")[0].forEach(function (d) { 
     //get the data 
     var t = d3.select(d).data()[0]; 
     // remove item from legend 
     if (t.value == 0) 
      d3.select(d).remove(); 
    }); 
}, 1); 

残りの項目の間にはギャップがあります。ここで

はフィドル（最初のオプション）です：https://jsfiddle.net/beaver71/yt7vrohk/