如何使用nvd3更改圆环图上的标签颜色？

Question

如何使用nvd3使标签在圆环图上的每个切片具有相同的颜色？

Example image

Answer 1

知道了！

var colors = ["#eb5945", "#f8e71c", "#67c60b"];
nv.addGraph(function() {
var chart = nv.models.pieChart()
  .x(function(d) { return d.label })
  .y(function(d) { return d.value })
  .showLabels(true)
  .showLegend(false)
  .labelThreshold(.05)
  .tooltips(false)
  .color(colors)
  .donutLabelsOutside(true)  
  .donut(true)
  .donutRatio(0.7);

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

    d3.selectAll('.nv-label text')
      .each(function(d,i){
        d3.select(this).style('fill',colors[i])
        d3.select(this).style('font-weight', 700)
        d3.select(this).style('font-size', 16)
    })

  return chart;
});