java - GWT 中的 d3-wordcloud

Question

我正在尝试在我的 GWT 项目中使用 d3-wordcloud( https://github.com/jasondavies/d3-cloud )。我将其包含在我的 .html 文件中:

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="https://d3js.org/d3.v3.min.js"></script>
<script type="text/javascript" language="javascript" src="d3.layout.cloud.js"></script>
<script type="text/javascript" language="javascript" src="main.js"></script> 

其中“main.js”有一个包含以下代码的方法:

    d3.layout.cloud().size([width, height])
      .timeInterval(20)
      .words(word_entries)
      .fontSize(function(d) { return xScale(+d.value); })
      .text(function(d) { return d.key; })
      .rotate(function() { return ~~(Math.random() * 2) * 90; })
      .font("Impact")
      .on("end", draw)
      .start();

当我尝试从 .html 文件调用该方法时，词云生成正常。但是当我从 java 文件(使用 $wnd)执行此操作时，我收到此错误:

Uncaught TypeError: d3.layout.cloud is not a function' error 

我认为这可能是因为 d3.layout.cloud.js 是用 Node js 编写的，而 GWT 不知道如何使用它。

是这个原因吗？有解决方法吗？

附加信息:我使用 GWT 2.7。擅长java。零 Node js技能!

Answer 1

感觉您只需使用 cloud()... 而不是 d3.layout.cloud()...

参见第 10 行:https://github.com/jasondavies/d3-cloud/blob/master/examples/node.js