Javascript D3图形未使用统一数据更新

我正在做条形图。奇怪的是，条形图可以很好地处理唯一的数据，但当使用完全相同的数据进行更新时，图形不会更新。这不是比例/间距问题，因为根本没有生成表示数据的

rect

更多信息 条形图以以下形式提供数据：

    data.push({
        temperature: 10,
        humidity: 20,
        light: 30
    });

条形图为每个属性创建单独的条形图。属性由该类型对象表示，以帮助确定条的间距和命名：

// type objects
typeObject = {
    temperature: {
        string: "temperature", //type name
        class: "temp",         //css class for styling
        initDis: 0,            //defines where to place first bar
        dis: 3,                //defines space between the next temp bar
        base: tempBase,        //the <g> element base
        color: "#A6E22E"       //color
    },
    humidity: {
       ...
    },
    ...
};

---

提前感谢您抽出时间。

我已在第173-178行用以下代码更新了您的小提琴：

bars = type.base.selectAll("rect")
    .data(data);

现在，随机数据集和统一数据集都已正确绘制

---

希望这能有所帮助。

我已在第173-178行用以下代码更新了您的小提琴：

bars = type.base.selectAll("rect")
    .data(data);

现在，随机数据集和统一数据集都已正确绘制

---

希望这能有所帮助。

感谢您的贡献，它现在起作用了。我忘了提到，有一个动画，应该发挥一旦酒吧到达帧的结束。填充完框架后，随着最旧的数据块被删除，条形图会向左滑动。使用您的解决方案，当删除旧数据时，条形图不再具有动画效果。我会接受答案，并感谢任何进一步的帮助使这项工作。谢谢你的贡献，它现在的工作。我忘了提到，有一个动画，应该发挥一旦酒吧到达帧的结束。填充完框架后，随着最旧的数据块被删除，条形图会向左滑动。使用您的解决方案，当删除旧数据时，条形图不再具有动画效果。我会接受这个答案，任何进一步的帮助都将不胜感激。