围绕Javascript中的元素构建wordcloud

围绕Javascript中的元素构建wordcloud,javascript,reactjs,d3.js,Javascript,Reactjs,D3.js,我需要创建一个单词云,如下所示 带边框的元素是一个按钮,周围的元素应该是wordcloud 我已经能够为单词cloud使用一个库,但是在两者之间放置一个元素让我陷入了困境 我能想到的一种方法是使用div作为覆盖,但我能想到的明显的缺点是我无法控制按钮下面的内容 我不知道如何实现这一点,任何帮助都是值得的您好,如果我需要解决这个问题,我将使用cssz-index属性和位置:绝对创建多个div。此外,我还将使用transform:translateX(Y)props和一些JS到计算位置,您可以测试重

我需要创建一个单词云,如下所示

带边框的元素是一个按钮,周围的元素应该是wordcloud

我已经能够为单词cloud使用一个库,但是在两者之间放置一个元素让我陷入了困境

我能想到的一种方法是使用div作为覆盖,但我能想到的明显的缺点是我无法控制按钮下面的内容


我不知道如何实现这一点,任何帮助都是值得的

您好,如果我需要解决这个问题,我将使用css
z-index
属性和
位置:绝对
创建多个div。此外,我还将使用
transform:translateX(Y)
props和一些JS到计算位置,您可以测试重叠,并在渲染后移动内容——如果合适的话,可以设置动画。另一种选择是对单词使用力定向图。恐怕在任何解决方案中都有很多工作要做,但绝对可以。