D3餅圖

我使用的是內置的燒瓶服務器，我想顯示的動畫餅圖，喜歡這裏： http://codepen.io/tpalmer/pen/jqlFG 或 http://jsfiddle.net/thmain/xL48ru9k/1/D3餅圖

爲簡單起見，我用的是後者。

蟒蛇燒瓶服務器代碼：

from flask import Flask, render_template, request, flash 
from forms import ContactForm 
app = Flask(__name__) 
app.secret_key = 'blah' 

@app.route('/', methods = ['GET', 'POST']) 
def test(): 
    return render_template('test.html') 

if __name__ == '__main__': 
    app.run(debug = True)

我沒有提供複製網頁上的文件中的靜態/ script2.js 和CSS代碼靜態/ CSS/style_d3.css

javascript代碼

我的HTML代碼

<!DOCTYPE html> 
<html> 

    <head> 
    <meta charset="utf-8" /> 
    <link rel="stylesheet" href="//style_d3.css" type="text/css"> 
    </head> 

    <body> 
<p>test</p> 
<div class="animated-ring"> 
    <svg></svg> 
</div> 

    <script src="http://d3js.org/d3.v3.min.js"></script> 
    <script src="//script2.js"></script> 
    </body> 

</html>

我運行通過燒瓶服務器的網頁。但是我收到一個只說「測試」的網頁，沒有圖表。我做錯了什麼？

我真的很感激，如果有人可以幫助我。

來源

2016-05-14 Holger

我做了更換//script2.js和同爲CSS與完整的http鏈接並上傳到那裏，現在它可以工作。所以問題是：我怎麼能得到瓶服務器加載js和css文件？ – Holger

您只將test.html渲染爲「/」路徑，script2.js需要在「/script2.js」處渲染。

在你的項目的根目錄嘗試這一個班輪到主機的所有文件：

python -m SimpleHTTPServer

來源

2016-05-14 16:23:53 artit91

感謝您的建議，但這並沒有完成這項工作。這樣燒瓶服務器不再運行，或者它呢？ – Holger

我想你需要設置爲路徑的js文件。在您的應用程序目錄創建一個靜態的文件夾，然後把你的script2.js文件，當你撥打HTML中使用燒瓶該文件url_for（）函數

src="{{url_for('static', filename='script2.js'}}"

來源

2016-05-15 10:48:32 metmirr

回答

相關問題