personality-insights-chart를 사용하는 방법?

Question

IBM Watson Personality Insights API를 사용하여 자체 API를 만들었습니다. 그런 다음 Personality Insights Demo에서와 같이 API에서 JSON 객체를 검색하여 햇빛 다이어그램에 표시하는 웹 사이트를 만들었습니다.

JSON 객체에서 원하는 정보를 표시하는 라이브러리를 찾았습니다 : https://github.com/personality-insights/sunburst-chart.

<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>

내가 두 번째 줄은 어디에 개성 햇살 차트에 따라 변경해야합니다 알고 : 문제는 지침을 내 HTML 파일에이 코드 두 줄을 삽입해야합니다 말할 것입니다 .standalone.js하지만 그 파일은 라이브러리에 없습니다. 라이브러리를 변경하고 지침을 업데이트하는 것을 잊어 버린 것 같아서 라이브러리의/lib 폴더 안에있는 index.js 파일을 가리 키려고했습니다. 일단 브라우저 콘솔에서 require() 명령이 포함되어 있기 때문에 파일을 실행할 수 없다는 경고를 받기 시작했습니다.이 명령은 웹 자바 스크립트에서 실행할 수 없습니다.

누락 된 파일은 어디에서 얻을 수 있습니까?

Answer 1

답변을 찾았습니다.

라이브러리의 모든 1.xx에는 버전의

는 전체 라이브러리라는 자바 스크립트 파일의 형태로/bin 디렉토리에 미리 컴파일 된왔다 설명 "개성 햇살-chart.standalone.js" . 현재 버전이 2.x.x이고 설치 방법이 변경되었지만 지침이 변경되지 않았습니다. 2.x.x 버전

현재 버전에 대한

현재 설치 지침은 미리 컴파일 된 파일이 제공되지 않습니다. 이를 얻으려면 다음 지침을 따라야합니다.

모든 필수 종속성을 설치하려면 저장소를 다운로드하고 npm install을 실행해야합니다. 그 후에는 npm run compile을 실행해야합니다. 끝나면 standalone 파일은/dist 디렉토리에 index.js라는 이름으로 저장됩니다.

명령 스크립트입니다 : 당신이 원하는 웹 페이지 디렉토리에 복사하는 경우 node_modules/.bin/browserify --full-paths -t [ babelify --presets [ es2015 ] ] --standalone PersonalitySunburstChart lib/index.js -o dist/index.js

당신은 다음 "개성 햇살-chart.standalone.js"로 이름을 변경할 수 있습니다.

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

:

그런 다음에 최종 스크립트를 참조 할 수 있습니다