5

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

饼形图

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

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

4

2 回答 2

9

寻找这样的东西?

var chart = nv.models.pieChart()
   .x(function(d) { return d.label +' '+ d.value })
   .y(function(d) { return d.value })
   .showLabels(true)
于 2013-04-26T10:03:21.307 回答
9

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 很棒,但可以使用更好的文档!

于 2015-11-19T05:23:42.047 回答