D3.js-将对象的名称与其值绑定

时间:2014-01-27 13:11:14

标签: javascript jquery d3.js

我正在使用D3js,我的数据看起来像这样:

var data1=[{name:'fruits', value:2},{name:'veggies', value:3},{name:'milk', value:5},{name:'empty', value:0}];

例如:水果 - 红色方形     蔬菜 - 绿色方形     牛奶 - 白色方形

我为数据中的每个名称创建了一个具有不同颜色的正方形,这样我就可以应用不同的过渡路径。我想根据数据的值为数据中的每个名称生成平方数。例如,如果我调用名为“milk”的数据,我想要生成5个白色方块(牛奶的值为5),而不是只生成一个值为5的方格。

这是我的小提琴:http://jsfiddle.net/25QHv/2/

我尝试了几种方法来做到这一点,但实际上没有任何效果。请帮帮我......

提前致谢...

1 个答案:

答案 0 :(得分:1)

尝试将您的数据转换为以下格式?

["fruits", "fruits", "veggies", "veggies", "veggies", "milk", "milk", "milk", "milk", "milk"]

演示:http://jsfiddle.net/P89Fk/