Как использовать личностно-аналитическую диаграмму?

Question

Я создал свой собственный API, используя API IBM Watson Personality Insights. Затем я создал веб-сайт, который будет извлекать объект JSON из API и отображать его на диаграмме солнечных лучей, как в демонстрации 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>

Я знаю, что вторая строка должна быть изменена в соответствии с тем, где находится personal-sunburst-chart.standalone.js, но этот файл не существует в библиотеке. Я подумал, что, возможно, они изменили библиотеку и забыл обновить инструкции, поэтому я попытался указать это на файл index.js в папке / lib библиотеки. Как только я сделал это, консоль браузера начала предупреждать меня, что файл не может быть выполнен, потому что он содержит команды require(), которые не могут быть выполнены в веб-JavaScript.

Где взять недостающий файл?

Answer 1

Я нашел ответ.

объяснение

Во всех версиях библиотеки 1.xx вся библиотека была предварительно скомпилирована в каталог /bin в виде файла JavaScript с именем "personal-sunburst-chart.standalone.js". Текущая версия 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

Затем вы можете изменить имя на "индивидуальный-sunburst-chart.standalone.js" и скопировать его в каталог веб-страницы.

Затем вы можете сослаться на финальный скрипт с помощью:

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