svg中每个<g>中的内容如何关联?

图片描述

如图是x里的pai数据分析系统,其中的每一个行为(就是长条)是一个<g>,所有的行为组成了一个<g>,暂且称为nodes<g>
每个行为之间的连线也是一个<g>,所有的连线也组成了一个<g>,暂且称为links<g>。结构如下图所示:
图片描述

里面有一些操作,只看删除的功能。
如果是单纯的删除一条links<g>中的线,这很简单,只要找到对应的删掉就行了。
如果要删除nodes<g>中的一个行为,那么这个行为可能对应着一条或者多条连线。
按照以上的结构,我在删除一个行为的时候该如何去查找它对应的连线呢?或者有没有别的更优的做法?

阅读 2.3k
1 个回答
按照以上的结构,我在删除一个行为的时候该如何去查找它对应的连线呢?或者有没有别的更优的做法?

又不一定要通过 DOM 结构去找。 js 在构造这些 svg 节点时,可能在数据层面保存了它们的引用的。

另外,这个系统,有对外提供服务?

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题