Marimekko图表单元格标题未更新

时间:2015-05-29 19:05:17

标签: javascript d3.js charts marimekko-chart

我正在为泰坦尼克数据集https://www.kaggle.com/c/titanic/data进行可视化,经过一些搜索,我发现marimekko图表是此数据集的最佳可视化。

我看了http://www.jasondavies.com/mekko/并开始调整代码以适应我的需要。我的问题是单元格标题(鼠标悬停在单元格后出现的标题)不会更新值。第一次调用函数 图表 正确绘制标题,然后当我尝试使用 过渡 更改单元格值时strong>功能,图表动画正常,但单元格标题中的值不会改变,当我将它们悬停在它们时,它们仍然具有旧值。

转换 功能的最后一行是:

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

这似乎是第一次绘制图表时工作,但是当单元格数据发生变化时它不会更新标题。

任何想法如何解决这个问题?

如果您对我所做的更改感到好奇,请查看工作示例 http://codepen.io/hshihab/pen/PqWjmo

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

1 个答案:

答案 0 :(得分:0)

正如@Lars Kotthoff在评论中指出的那样,过渡功能的最后一行应更改为:

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