Polynode 等功能

问题描述 投票:0回答:1

我想实现一些看起来像 Polynode 的东西。

我正在使用 d3.js 和 vue.js 3 构建图表,并且想要执行以下操作:

生成图表后,我想将生成的图表的 SVG 表示保存到像 mongoDb 这样的数据库中,然后在重新加载页面后将生成的 svg 加载到视图中,但我希望能够与图表进行交互,这意味着移动节点和操作加载的 svg 文件上的数据基本上可以继续根据我的喜好编辑图表。

附注我还没有实现它,我正在研究如何做到这一点......如果我上面描述的思维过程不正确,请引导我思考问题的正确方法,如果思维过程是很好,请帮助我告诉我如何真正实现它。

提前谢谢您...

对于后端,我使用 Spring Boot。

正如我上面提到的,我正在研究过程中,目前有点迷失......

spring-boot svg d3.js vuejs3
1个回答
0
投票

也许这可以帮助你? : https://observablehq.com/@fil/save-a-force-directed-graph-to-localstorage 正如他们所说:“这个力导向图将其具有固定位置的节点保存到 localStorage,因此您可以在离开的地方重新启动。移动几个点,然后重新加载页面。”

您可以通过存储在数据库而不是本地存储中来执行相同的操作 您可以存储所有节点位置,而不是存储固定节点。

© www.soinside.com 2019 - 2024. All rights reserved.