Dygraphs를 사용하여이 웹 페이지의 데이터를 플로팅 할 수 있습니까?

Question

Dygraphs를 사용하여 Yahoo Finance에서 검색 한 내역 정보로 차트를 만들려고합니다.

I의 데이터 소스로 사용하려고 URL은 : http://ichart.finance.yahoo.com/table.csv?s=UL.PA&a=08&b=7&c=1984&d=01&e=24&f=2014&g=d&ignore=.csv

내 HTML 파일에 아래의 코드를 포함 , 나는 방화범이 끌려 어떤 오류 메시지가 표시되지 않습니다. 그러나 차트는 비어 있습니다.

누구든지 내가 뭘 잘못하고 있는지 설명해 줄 수 있습니까?

<div id="graphdiv"></div> 
<script type="text/javascript"> 
    g = new Dygraph(document.getElementById("graphdiv"),"http://ichart.finance.yahoo.com/table.csv?s=UL.PA&amp;a=08&amp;b=7&amp;c=1984&amp;d=01&amp;e=24&amp;f=2014&amp;g=d&amp;ignore=.csv",{}); 
</script> 

LC

Answer 1

당신은 XMLHttpRequest의에 대한 same-origin policy로 실행 중입니다. 내가 jsfiddle에서 코드를 실행하면

, 나는 Chrome 개발자 콘솔에서이 오류를 참조하십시오

XMLHttpRequest cannot load http://ichart.finance.yahoo.com/table.csv?s=UL.PA&a=08&b=7&c=1984&d=01&e=24&f=2014&g=d&ignore=.csv. 
No 'Access-Control-Allow-Origin' header is present on the requested resource. 
Origin 'http://fiddle.jshell.net' is therefore not allowed access. 

당신은 오히려 클라이언트 측보다, 요청의 서버 측을해야 할 것이다.