无法使用D3.js读取外部文件

时间:2016-01-16 17:07:10

标签: javascript python csv d3.js flask

我无法在Flask应用程序中使用D3JS从csv或json文件中读取数据。

以下是代码:

HTML:

    <head>
  <meta charset="UTF-8">
    <title>D3JS</title>
    <script src="//d3js.org/d3.v3.min.js" charset="utf-8"></script>
</head>
<body>

<script>

    d3.csv("../data.csv", function (data) {
        console.log(data); 
    });

</script>

</body>

Flask app.py代码:

from flask import Flask, render_template

app = Flask(__name__)


@app.route('/')
def hello_world():
    return render_template('historgram.html')



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

我收到文件未找到错误。无法加载资源:服务器响应状态为404(未找到)

1 个答案:

答案 0 :(得分:0)

如果data.csv是静态数据,则必须将文件移动到可从烧瓶服务器访问的目录static/,并通过

访问它
d3.csv("/static/data.csv", function (data) {
    console.log(data); 
});