d3js가 포함 된 빈 화면

저는 컴퓨터 프로그래밍 및 d3js를 처음 사용합니다. d3js 웹 사이트 http://bl.ocks.org/mbostock/b2fee5dae98555cf78c9e4c5074b87c3에있는 막대 그래프를 복제하려고합니다. 코드를 정확하게 복사하고 막대 그래프를 작성하는 데 필요한 데이터가있는 CSV 파일을 만들었습니다. 그러나 코드를 실행하려고 할 때마다 축이 표시됩니다. 오류가 CSV 파일 내에 있는지 또는 어떻게 데이터를 호출하려고하는지 잘 모르겠습니다. 나는 그 오류가 내 어딘가에 있다는 것을 압니다.d3js가 포함 된 빈 화면

여기 (응축) CSV 파일의 샘플입니다 :

id,case,date 
    10097071,HY285524,06/02/2015 09:41:19 PM 
    21907,HY291065,06/07/2015 03:50:00 AM 
    21908,HY291065,06/07/2015 03:50:00 AM 
    10156667,HY345298,07/18/2015 03:17:00 AM

여기 내가 전화를 시도하고있다 방법은 다음과 같습니다

d3.csv("homicides.csv", type, function(error, data) { 
    if (error) throw error; 

    var bins = histogram(data); 

    y.domain([0, d3.max(bins, function(d) { return d.length; })]);

어떤 도움을 주시면 감사하겠습니다!

출처

2016-07-19 Mzan

코드가 제대로 작동합니다. 복사/붙여 넣기에 오류가 있습니다. 여기에 작동하는 plker가 있습니다 : https://plnkr.co/edit/CgaipkEnrIbFO1a8AWbL?p=preview – Klaujesi

조언 주셔서 감사합니다! 정말 감사합니다! plnkr을 사용하여 문제를 해결했습니다. – Mzan

작성한 .html 파일을 어떻게로드하고 있습니까? 결국 자신 만의 .html 파일을 개발할 수 있습니다.

plnkr 또는 jsfiddle와 같은 다른 사이트는 코드로 재생하는 데 유용하지만 제한적일 수 있습니다. 작성한 .html 파일에서 브라우저에서 작동 시키려면로드하기 위해 로컬 호스트를 실행해야합니다 .csv 파일. 말 그대로 예를 들어, 코드에서 변수를 설정하는 Windows 환경 Set up Python simpleHTTPserver on Windows

또 다른 대안에서 실행하는 경우

이 스레드 유용 var data = [csv 파일의 내용], 그러나 d3.csv ("csvfilename"...)가 이미 완료 한 데이터를 구문 분석/매핑하는 방법을 찾아야합니다.

출처

2016-07-27 03:15:43 RebRy

응답 해 주셔서 감사합니다. – Mzan

d3js가 포함 된 빈 화면

답변

관련 문제