2014-01-12 3 views
2

플라 스틱과 함께 FusionCharts를 테스트하려고하는데 파이썬 코드가없는 일반 HTML과 자바 스크립트처럼 사용될 때 작동하는 동안 작동하지 않습니다.퓨전 차트가 렌더링되지 않습니다

layout.html

<!DOCTYPE html> 
<html> 
<head> 
    <title>Flask Fusion</title> 
    <script type="text/javascript" src="../static/fusion.js"></script> 
    <script type="text/javascript" src="../static/jquery.min.js"></script> 
</head> 
<body> 
{% block content %} 
{% endblock %} 
</body> 
</html> 

index.html을

{% extends 'layout.html' %} 

{% block content %} 
    <div id="chartContainer">FusionCharts XT will load here!</div> 
    <script type="text/javascript"><!-- 

     var myChart = new FusionCharts("../static/Column3D.swf", 
     "myChartId", "400", "300", "0"); 
     myChart.setXMLUrl("data.xml"); 
     myChart.render("chartContainer"); 

    // --> 
    </script> 
{% endblock %} 

디렉토리 구조

enter image description here

,

나는 data.xml 파일이

127.0.0.1 - - [12/Jan/2014 13:25:35] "GET/HTTP/1.1" 200 - 
127.0.0.1 - - [12/Jan/2014 13:25:35] "GET /static/fusion.js HTTP/1.1" 304 - 
127.0.0.1 - - [12/Jan/2014 13:25:35] "GET /static/jquery.min.js HTTP/1.1" 304 - 
127.0.0.1 - - [12/Jan/2014 13:25:35] "GET /data.xml HTTP/1.1" 404 - 
127.0.0.1 - - [12/Jan/2014 13:25:35] "GET /static/Column3D.swf HTTP/1.1" 304 - 
127.0.0.1 - - [12/Jan/2014 13:25:35] "GET /data.xml?FCTime=261 HTTP/1.1" 404 - 

처럼 그러나 data.xml 경로가 완벽하게 정확 콘솔에서 로그를 확인하여 404을 반환하는 것으로 나타났습니다. 왜 렌더링하지 않는지 모르겠다. 도와주세요.

답변

2

플라스크 템플릿 렌더링 시간에 data.xml은 검색되지 않고 차트에 표시됩니다. fusion.js lib를로드 한 클라이언트가 차트 초기화를 호출하면 리소스를 검색하기위한 요청이 만들어 지므로 클라이언트 측에서 액세스 할 수 있어야합니다.

... 
127.0.0.1 - - [12/Jan/2014 13:25:35] "GET /data.xml HTTP/1.1" 404 - 
127.0.0.1 - - [12/Jan/2014 13:25:35] "GET /static/Column3D.swf HTTP/1.1" 304 - 
... 

/static/Column3D.swfhttp://whateveryour.domain/static/Column3D.swf를 사용하여 페치 :

data.xml

은 (는 template/ 폴더에 이후) 당신이 여기에서 볼 수 있듯이 그 위에 경로가 잘못 클라이언트 측에서 (404 따라서) 액세스 할 수 없습니다 인데 /data.xml은 존재하지 않는 http://whateveryour.domain/data.xml을 사용하여 가져옵니다.

data.xml을 정적 폴더에 넣고 (템플릿보다 정적 리소스가 더 많음) Column3D.swf과 같은 방식으로 액세스하고 정상적으로 작동해야합니다.

관련 문제