-1

我使用 IBM Watson Personality Insights API 创建了自己的 API。然后，我创建了一个网站，该网站将从 API 中检索 JSON 对象并将其显示在旭日形图中，就像在 Personality Insights 演示中一样。

我找到了一个库，它显示了我想要从 JSON 对象获得的信息：https ://github.com/personality-insights/sunburst-chart 。问题是指令说我必须将这两行代码插入到我的 HTML 文件中：

<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.14/d3.min.js"></script>
<script src="path/to/personality-sunburst-chart.standalone.js"></script>

我知道第二行必须相应地更改为personality-sunburst-chart.standalone.js 所在的位置，但该文件在库中不存在。我以为他们可能已经更改了库并忘记更新说明，所以我尝试将其指向库的 /lib 文件夹中的 index.js 文件。一旦我这样做了，浏览器控制台开始提醒我该文件无法执行，因为它包含 require() 命令，无法在 Web JavaScript 中执行。

我在哪里可以得到丢失的文件？

4

1 回答 1

0

我找到了答案。

解释

在库的所有 1.xx 版本中，整个库以名为“personality-sunburst-chart.standalone.js”的 JavaScript 文件的形式预编译在 /bin 目录中。当前版本是2.xx，安装方法变了，但是说明没有变。

2.xx 版本的当前安装说明

当前版本没有预编译文件。要获得它，您必须按照以下说明进行操作：

您必须下载存储库并运行npm install以安装所有必要的依赖项。之后，您必须运行npm run compile. 完成后，独立文件将位于 /dist 目录中，名称为 index.js。

命令脚本是：node_modules/.bin/browserify --full-paths -t [ babelify --presets [ es2015 ] ] --standalone PersonalitySunburstChart lib/index.js -o dist/index.js

然后，您可以根据需要将名称更改为“personality-sunburst-chart.standalone.js”并将其复制到您的网页目录中。

然后，您可以使用以下命令引用最终脚本：

<script src="personality-sunburst-chart.standalone.js"></script>

于 2017-02-22T21:11:13.510 回答