挑戰在於:2個協調錶格,其中1個概述位於網格上,另一個包含關於第一個表格中單元格的詳細信息。 (此概述也用於其他信息,這些信息已從下面的最小示例中刪除。)將鼠標懸停在任何一個上面都會突出顯示。點擊概覽表將隱藏或顯示數據視圖的行。協調兩個表格之間的突出顯示
問題是數據正在由JSON數據對象定義,並且該對象的順序非常重要。將數據映射到概覽而不重新排序也很重要。在數據視圖中可能沒有包含在概覽中的單元格,並且不會發生任何錯誤。
http://fiddle.jshell.net/g8z5h/14/
這個問題可以用選擇都讓D3中定義了訂單的事情將採取。我需要自己協調繪圖。我希望有一個優雅的解決方案,不涉及編寫單獨的鼠標懸停和鼠標點擊功能。
澄清:他們在表中顯示的順序是你想要的順序,你只是希望突出顯示根據數據進行匹配,而不是基於順序?在這種情況下,你必須根據數據給他們分類,然後根據這個分類進行選擇,而不是用'nth-of-type'選擇。 – AmeliaBR