如何使用个性洞察图表？ [关闭]答案

【问题标题】：How to use personality-insights-chart? [closed]如何使用个性洞察图表？ [关闭]
【发布时间】：2017-02-22 20:23:07
【问题描述】：

我使用 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 中执行。

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

【问题讨论】：

标签： javascript json sunburst-diagram personality-insights

【解决方案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”并将其复制到您的网页目录中。

然后，您可以使用以下代码引用最终脚本：

&lt;script src="personality-sunburst-chart.standalone.js"&gt;&lt;/script&gt;

【讨论】：