用 vuejs 绘制图表？

Posted 2023-05-07

【中文标题】用 vuejs 绘制图表？

【英文标题】：Diagram with vuejs?

【发布时间】：2021-12-31 17:27:37

【问题描述】：

我想在网络上绘制如下图，绘制后我希望它呈现 json 字符串。我不知道这个想法是什么，或者有没有任何 npm 插件？

【问题讨论】：

请编辑问题以将其限制为具有足够详细信息的特定问题，以确定适当的答案。

欢迎来到 Stack Overflow。当代码附有解释时，它会更有帮助。 Stack Overflow 是关于学习的，而不是提供 sn-ps 来盲目复制和粘贴。请edit您的问题并解释它如何回答所提出的具体问题。见How to Answer。

【参考方案1】：

看看this related and more general question about graph visualization frameworks for the web，它有许多不同的图表库选项。

其中一些可以很好地与 Vue.js 配合使用，但大多数并不是专门为 VueJS 创建的。但是，将库与 Vuejs 集成应该不是问题，因为 VueJS 可以很容易地使用第三方 UI 组件进行扩展。 毕竟它只是 javascript 和 DOM。

上述答案中的一些更详细的解决方案显示了how to embed a diagram editor and renderer Vuejs into your applications 的示例，但集成相对简单，正如您从this GitHub example showing how to integrate a graph visualization component with Vuejs 中看到的那样。

免责声明：我为创建最后两个链接中使用的库的公司工作。但是，我在 *** 上并不代表我的雇主。您也可以将最后一个链接中显示的相同技术与第一个链接中显示的大多数其他库一起使用。