名称代替d3.js饼图中的数字

时间:2014-11-19 22:20:27

标签: javascript html d3.js

我想添加文字代替数字。谁能告诉我我需要做什么?

这是代码----

http://jsbin.com/zocewinoye/2/edit?html,output

请检查并帮助我......

1 个答案:

答案 0 :(得分:1)

在您的标签上:

// Labels
arcs.append("text")
    ...
    .text(function(d) {
        return 'hello';
    });

如果您的数据数组是字符串数组:

['a', 'b', 'c']

然后显示它们你可以:

    ...
    .text(function(d) { return d; });

如果您的数据数组是一个对象数组:

[{val: 1, label: 'a'}, {val: 2, label: 'b'}, {val: 3, label: 'c'}]

然后显示标签:

    ...
    .text(function(d) { return d.label; });