omn*_*ron 5 javascript nvd3.js
我正在使用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)
Run Code Online (Sandbox Code Playgroud)
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真棒,但可以使用更好的文档!