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

时间:2013-04-26 09:51:23

标签: javascript nvd3.js

我正在使用nvd3.js生成如下的饼图:

piechart

我一直试图找到一种编辑图例标签的方法,以便它们也显示每个细分的价值,例如“en:20%,de:15%”等。

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

2 个答案:

答案 0 :(得分:8)

寻找这样的东西?

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

答案 1 :(得分:7)

nvd3饼图提供labelType

var chart = nv.models.pieChart()
  .labelType("percent")

labelType可以是:"key""value""percent"甚至是函数。

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

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