我正在使用 nvd3.js 生成这样的饼图:
我一直在尝试找到一种编辑图例标签的方法,以便它们也显示每个段的值,例如“en:20%,de:15%”等。
我可以轻松地编辑工具提示内容,chart.tooltipContent()
但似乎没有类似的方法用于图例,或者至少我在 nvd3 文档或源代码中没有找到任何东西 - 有人知道这样做的方法吗?
我正在使用 nvd3.js 生成这样的饼图:
我一直在尝试找到一种编辑图例标签的方法,以便它们也显示每个段的值,例如“en:20%,de:15%”等。
我可以轻松地编辑工具提示内容,chart.tooltipContent()
但似乎没有类似的方法用于图例,或者至少我在 nvd3 文档或源代码中没有找到任何东西 - 有人知道这样做的方法吗?
寻找这样的东西?
var chart = nv.models.pieChart()
.x(function(d) { return d.label +' '+ d.value })
.y(function(d) { return d.value })
.showLabels(true)
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 很棒,但可以使用更好的文档!