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

标签 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(未找到)

最佳答案

如果 data.csv 是静态数据,您必须将文件移动到可从 Flask 服务器访问的目录 static/ 中,并通过以下方式访问它

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

关于javascript - 无法使用 D3.js 读取外部文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34829678/

相关文章:

在R中读取csv表

javascript - AngularJS 绑定(bind)值更改时触发 ng-animate

javascript - Cordova JQuery 错误 VS2015 : Exception: Cannot call method 'concat' of undefined

javascript - Three.js 如何使Object3D看起来接近视锥体而不是像 Sprite 一样渲染?

python - 使用 numpy 对两个数组进行迭代操作

python - 返回类的初始化值(如果属于同一类)的最佳 python 方法

python - 对数据框中的值求平方时保留符号

javascript - 捆绑和缩小以及异步/等待

javascript - 将 CSV 文件转换为 JSON 字典?

python - 如何只解析我感兴趣的键?