协调两个表格之间的突出显示

Question

挑战在于：2个协调表格，其中1个概述位于网格上，另一个包含关于第一个表格中单元格的详细信息。 （此概述也用于其他信息，这些信息已从下面的最小示例中删除。）将鼠标悬停在任何一个上面都会突出显示。点击概览表将隐藏或显示数据视图的行。

问题是数据正在由JSON数据对象定义，并且该对象的顺序非常重要。将数据映射到概览而不重新排序也很重要。在数据视图中可能没有包含在概览中的单元格，并且不会发生任何错误。

http://fiddle.jshell.net/g8z5h/14/

这个问题可以用选择都让D3中定义了订单的事情将采取。我需要自己协调绘图。我希望有一个优雅的解决方案，不涉及编写单独的鼠标悬停和鼠标点击功能。

Answer 1

您可以使用一键功能，以配合选择你的数据：

• http://bost.ocks.org/mike/selection/#key
• http://bost.ocks.org/mike/constancy/#key-functions