更新 d3 堆积条形图/柱形图上的数据答案

【问题标题】：Update data on d3 stacked bar/column chart更新 d3 堆积条形图/柱形图上的数据
【发布时间】：2013-06-26 14:10:55
【问题描述】：

我在更新数据时无法重绘堆积条形图。我可以让图表读取新数据并删除丢失的块，但我不知道如何让它填充空白部分。我让它与堆积面积图和折线图一起使用，但在堆积柱/条上存在障碍。

我确实有 block.exit().remove(); 方面。

任何指导将不胜感激。

【问题讨论】：

【解决方案1】：

您不会添加任何新数据来填补空白，也不会扩展现有数据来做同样的事情。当您为数据中的堆叠条提供坐标时，不要根据例如数据中的比例，没有什么可以让 D3 填补空白。

Here 是一个计算代码中堆栈的示例，您可能会发现它很有帮助。在我看来，您希望更改示例以根据相对值计算每个条的大小。

【讨论】：

虽然你是正确的，因为数据与第二个块相同，block.enter().append("rect") 绘制'rect'的部分无论如何都不会被执行。我在 height 属性中添加了一个 console.log 语句，当您单击“重绘”按钮时，它永远不会显示：jsfiddle.net/adeaver/duvpM/9
这是因为您只在 .enter() 选择上进行操作并且很容易修复 -- jsfiddle.net/duvpM/10