如何使用个性洞察图？

Question

我使用 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.

中执行

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

Answer 1

我找到了答案。

说明

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

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

当前版本没有预编译文件。要获得它，您必须遵循以下说明：

您必须下载存储库和运行 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>

如何使用个性洞察图？

How to use personality-insights-chart?

javascript

json

sunburst-diagram

personality-insights