Javascript D3.js-绑定对象'；s名称及其值

我使用的是D3js，我的数据如下所示：

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

水果-红色方块 蔬菜-绿色方形 乳白色正方形

我为数据中的每个名称创建了一个不同颜色的正方形，这样我就可以对其应用不同的转换路径。我想根据数据中每个名称的值生成它们的平方数。例如，如果我调用名为“milk”的数据，我希望生成5个白色正方形（milk的值为5），而不是一个值为5的正方形

这是我的小提琴：

我尝试了两种方法，但都不管用。请帮帮我

---

提前感谢…

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

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

---

演示：

从1到值的循环？不知道你想在这里做什么。当我调用一个对象的名称时，例如：fruit，我希望生成2个（其对应值）正方形。var da=[“水果”、“蔬菜”、“牛奶”]；变量dat1=[1,3,5]；//分配值var data1=[“牛奶”、“蔬菜”]；//这个数据应该生成5个白色方块和3个绿色方块。我不确定你在JSFIDLE中做什么——有几个嵌套调用创建数据并设置计时器。。。原则上，您可以将相同的数据项推送到传递给D3的数组

.data（）

。我尝试了.data（data1），但它只生成1个正方形。所以，我试着一个接一个地获取数据，然后用它每40毫秒生成一个正方形。我已经删除了不需要的线条，这是我的新小提琴非常感谢你。。。正是我想要的。