javascript - Marimekko 图表单元格标题未更新

Question

我正在为 Titanic 数据集https://www.kaggle.com/c/titanic/data进行可视化，经过一番搜索，我发现 marimekko 图表是该数据集的最佳可视化。

我查看了http://www.jasondavies.com/mekko/并开始稍微调整代码以适应我的需要。我的问题是单元格标题（在鼠标悬停在单元格后出现的标题）不会更新值。第一次调用函数 图正确绘制了标题，然后当我尝试使用转换函数更改单元格值时，图表正确动画但单元格标题中的值没有改变，当我悬停时它们仍然具有旧值在他们。

转换函数的最后一行是：

cellEnter.append("title")
        .text(function(d) { return d.children ? null : title(d); });

这似乎在第一次绘制图表时起作用，但是当单元格数据更改时它不会更新标题。

任何想法如何解决这一问题 ？

如果您想看看我所做的更改，请查看工作示例 http://codepen.io/hshihab/pen/PqWjmo

我只是对 Jason 的原始代码进行了一些小改动以表明我的观点。

Answer 1

正如@Lars Kotthoff 在评论中指出的那样，转换函数的最后一行应更改为：

cellEnter.append("title");
cellUpdate.select("title")
  .text(function(d) {
    return d.children ? null : title(d);
  });