圖中的隱藏元素

Question

我有一個只讀圖來顯示一些數據。我的最終用戶希望「過濾」數據，以便一次只顯示一部分數據。我意識到，我可以重繪整個圖表，每次我應用一個過濾器時忽略不會顯示的元素，但我想知道是否有一種方法可以簡單地「隱藏」一些現有的元素，然後重新顯示他們。

爲了試圖弄清楚，如果這是一個網頁而不是一個圖表，我會畫出類似於應用我選擇的元素的display: none的CSS。

Answer 1

實際上，您可以對JointJS圖元素/鏈接執行相同操作。例如：

myElement.attr('./display', 'none') 

隱藏了呈現元素的整個SVG組元素。請注意0​​是一個特殊的選擇器，指向整個組。如果你只想隱藏某個特定的SVG子元素，你可以做類似的事情，例如，爲joint.shapes.basic.Rect元素，你會怎麼做：

myRect.attr('rect/display', 'none') 

這個隱藏只有矩形（通過標籤名稱rect在attrs對象引用的SVG <rect>元素 - 我們通過attr()方法修改