鍍金池/ 問(wèn)答/室內(nèi)設(shè)計(jì)  HTML/ svg中每個(gè)<g>中的內(nèi)容如何關(guān)聯(lián)?

svg中每個(gè)<g>中的內(nèi)容如何關(guān)聯(lián)?

圖片描述

如圖是x里的pai數(shù)據(jù)分析系統(tǒng),其中的每一個(gè)行為(就是長(zhǎng)條)是一個(gè)<g>,所有的行為組成了一個(gè)<g>,暫且稱為nodes<g>
每個(gè)行為之間的連線也是一個(gè)<g>,所有的連線也組成了一個(gè)<g>,暫且稱為links<g>。結(jié)構(gòu)如下圖所示:
圖片描述

里面有一些操作,只看刪除的功能。
如果是單純的刪除一條links<g>中的線,這很簡(jiǎn)單,只要找到對(duì)應(yīng)的刪掉就行了。
如果要?jiǎng)h除nodes<g>中的一個(gè)行為,那么這個(gè)行為可能對(duì)應(yīng)著一條或者多條連線。
按照以上的結(jié)構(gòu),我在刪除一個(gè)行為的時(shí)候該如何去查找它對(duì)應(yīng)的連線呢?或者有沒(méi)有別的更優(yōu)的做法?

回答
編輯回答
笑忘初
按照以上的結(jié)構(gòu),我在刪除一個(gè)行為的時(shí)候該如何去查找它對(duì)應(yīng)的連線呢?或者有沒(méi)有別的更優(yōu)的做法?

又不一定要通過(guò) DOM 結(jié)構(gòu)去找。 js 在構(gòu)造這些 svg 節(jié)點(diǎn)時(shí),可能在數(shù)據(jù)層面保存了它們的引用的。

另外,這個(gè)系統(tǒng),有對(duì)外提供服務(wù)?

2017年11月21日 09:36