时间戳

首页 > 解决方案 > 如何在 vis js 中添加自定义按钮？

javascript - 如何在 vis js 中添加自定义按钮？

问题描述

Vis js 提供导航按钮。我希望拥有像它们一样的自己的按钮，即使整个网络移动时也能保持在它们的位置。我尝试在画布上绘图，但是当网络移动时绘图会移动。我还尝试使用创建新按钮class= vis-button vis-myButton并为 myButton 添加自定义 css，但这也不起作用。

导航按钮示例：https ://visjs.github.io/vis-network/examples/network/other/navigation.html

我该怎么做？任何帮助表示赞赏。谢谢

标签： javascriptvis.jsvisnetwork

解决方案

您将不得不在网络 UI 之外创建按钮，因为 vis js 为其 UI 创建了一个画布，我们无法在其中添加我们的自定义元素。

如果添加，它将对网络 UI 的移动和样式做出反应。

例如，我在 react js 中创建了一个网络 UI，所以我有两个组件，一个用于网络 UI，另一个用于按钮，我可以将它们放在屏幕上的任何位置。

伪代码：

<parent div>
<button compnent/>
<network component />
</div>

您可以将父 div 设置为 position: relative 并将按钮设置为 position: absolute 并调整位置，因此它不会超出主 div。

推荐阅读