d3饼图与烧瓶服务器

d3 pie chart with flask server

本文关键字：服务器 d3      更新时间：2023-09-26

我正在使用内置的烧瓶服务器，我想显示一个动画饼图，如下所示：http://codepen.io/tpalmer/pen/jqlFG或http://jsfiddle.net/thmain/xL48ru9k/1/

为了简单起见，我使用后一个。

python烧瓶服务器代码为：

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)

我确实将网页上提供的javascript代码复制到了static/script2.js文件中将css代码转换为static/css/style_d3.css

我的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>

我通过烧瓶服务器运行网页。但我有一个网页，上面只写着"测试"，没有图表。我做错了什么？

如果有人能帮我，我将不胜感激。

您只在"/"路径渲染test.html，script2.js也需要在"/script2.js"处渲染。

尝试在项目的根目录下使用以下一行代码来托管所有文件：

python -m SimpleHTTPServer

我认为您需要设置js文件的路径。在你的应用程序目录中创建一个静态文件夹，然后放上你的script2.js文件，当你在html调用这个文件时，使用flask url_fr（）函数

src="{{url_for('static', filename='script2.js'}}"
相关文章：