d3의 csv 파일에서 데이터를 가져올 수 없습니다.

Question

d3을 배우고 CSV 파일에서 데이터를 가져 오려고하는데 "XMLHttpRequest가 file : /// Users/Laura/Desktop/SampleECG.csv 교차 출처 요청은 HTTP에서만 지원됩니다. " 이 오류를 수정하고 로컬 웹 서버에서 실행 한 방법을 검색했지만 d3.v2.js에서 작동하는 솔루션을 찾지 못했습니다. 다음은 코드 샘플입니다.

var Time = [] 
    ECG1 = [] 

d3.csv("/Desktop/d3Project/Sample.csv", function(data) 
     { 
     Time = data.map(function(d) {return [+d["Time"]];}); 
     ECG1 = data.map(function(d) {return [+d["ECG1"]];}); 
     console.log(Time) 
     console.log(ECG1) 
     }); 

모든 도움을 주시면 감사하겠습니다.

Answer 1

너무 혼란 스럽습니다. (나 또한 d3 초보자입니다.)

그래서 어떤 이유로 보안상의 이유로 웹 브라우저가 로컬 데이터로드에 만족하지 않습니다. 어쨌든이 문제를 해결하려면 로컬 웹 서버를 실행해야합니다. 이것은 쉽다.

python -m SimpleHTTPServer 8888 & 

자, 이제 한 해당 터미널 창을 열고 실행되고, 해당 지역의 8888 웹 : 웹 사이트의 문서 루트 (감사 @daixtr), 유형 -ing cd 후 터미널에서

, 서버가 실행 중입니다. 내가 크롬에서 그것을 열었을 때

은 그래서 내 경우, 원래 내가 작업 한 웹 페이지가

file://localhost/Users/hills/Desktop/website/visualizing-us-bls-data-inflation-and-prices.html 

를 불렀다. 내 로컬 웹 서버에 내 페이지를 열려면, 그냥 (크롬 검색 창에) 입력 :

http://localhost:8888/Desktop/website/visualizing-us-bls-data-inflation-and-prices.html 

지금, CSV를 읽는 것은 작동합니다. 이상한, 알아.

Answer 2

파이썬 웹 서버가 내장되어 있고 여전히 문제가있는 분은 잊지 말고 "python -m SimpleHTTPServer 8888"호출을 DocumentRoot로 간주하는 올바른 경로에서 실행하십시오. 즉, 'python -m SimpleHTTPServer 8888'을 어디에서나 실행할 수는 없습니다. 실제로는 'cd/to/correct/path /'에 index.html 또는 data.tsv가 들어 있어야합니다. 그리고 나서 'python -m SimpleHTTPServer 8888'이 실행됩니다.

Answer 3

Chrome이 수행하려고 시도하는 Firefox, idk