如何使用personality-insights-chart？

-1

我使用IBM Watson Personality Insights API創建了自己的API。然後，我創建了一個網站，從API中檢索JSON對象，並將其顯示在sunburst圖表中，就像Personality Insights演示中一樣。如何使用personality-insights-chart？

我找到了一個庫，顯示我想從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>

我知道第二行必須作相應的修改到個性，旭日，圖表.standalone.js是，但該文件不存在於庫中。我認爲他們可能已經改變了庫並忘記了更新說明，所以我試着將它指向庫的/ lib文件夾中的index.js文件。一旦我這樣做了，瀏覽器控制檯就開始提醒我該文件無法執行，因爲它包含了require（）命令，這些命令無法在Web JavaScript中執行。

我在哪裏可以找到丟失的文件？

來源

2017-02-22 Iñaki Arango

我找到了答案。

說明

在所有的1.xx版本庫，整個庫進來命名的JavaScript文件的形式預編譯的/ bin目錄中的「個性 - 旭日-chart.standalone.js」。當前版本是2.x.x，安裝方法已更改，但說明未更改。對於2.x.x版本

當前版本

當前安裝說明不附帶預編譯的文件。要獲得它，您必須遵循以下指示信息：

您必須下載存儲庫並運行npm install以安裝所有必需的依賴項。之後，您必須運行npm run compile。一旦完成，獨立文件將位於名稱爲index.js的/ dist目錄中。

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

然後，您可以將名稱更改爲「個性，旭日-chart.standalone.js」如果你想和它複製到你的網頁目錄。

：

然後，您可參照最終的腳本

來源

2017-02-22 21:11:13

如何使用personality-insights-chart？

回答

相關問題