nvd3:编辑饼图图例中的标签

omn*_*ron 5 javascript nvd3.js

我正在使用nvd3.js生成这样的饼图:

饼形图

我一直试图找到一种编辑图例标签的方法,以便它们也显示每个段的值,例如"en:20%,de:15%"等.

我可以轻松地编辑工具提示内容,chart.tooltipContent()但似乎没有相似的方法用于图例,或者至少我在nvd3文档或源代码中找不到任何内容 - 有没有人知道这样做的方法?

sha*_*r90 9

正在寻找这样的东西?

var chart = nv.models.pieChart()
   .x(function(d) { return d.label +' '+ d.value })
   .y(function(d) { return d.value })
   .showLabels(true)
Run Code Online (Sandbox Code Playgroud)


mig*_*elr 9

nvd3饼图提供labelType:

var chart = nv.models.pieChart()
  .labelType("percent")
Run Code Online (Sandbox Code Playgroud)

labelType可以是:"key","value","percent"甚至功能.

var chart = nv.models.pieChart()
  .labelType(function(d, i){ return d.data.x + ': ' + d.data.y; })
Run Code Online (Sandbox Code Playgroud)

我发现这个检查源代码.nvd3真棒,但可以使用更好的文档!