javascript - 使用 Django 通过 D3.js 访问 CSV 数据

Question

我正在使用 Django 创建我的网站，并且还想合并 D3.js 来绘制我存储在 CSV 文件中的一些数据。通常我可以使用以下方式访问 CSV 文件:

{% static "data/values.csv" %}

因此，如果我想将其链接到我的网站上，我会执行以下操作:

<a href="{% static "data/values.csv" %}">CSV File</a>

但是，在开始绘制任何图形之前，我想使用 JavaScript 的 console.log 函数输出存储在 CSV 文件中的值，如下所示:

<script>
d3.csv("{% static "data/values.csv" %}", function (myArrayofObjects){
    myArrayofObjects.forEach(function (d){
        console.log(d.x + ", " + d.y);
    });
});
</script>

但是，在我的浏览器 (Chrome) 控制台中，我看到的只是

10 undefined, undefined

有人知道我该如何解决这个问题吗？谢谢。

编辑

谢谢你的帮助，但我想多了。事实证明我应该输入:

console.log(d.Date + ", " + d.Value);

而不是

console.log(d.x + ", " + d.y);

因为这些是我的 CSV 文件上的标题(或第一行)。

Answer 1

我可能是错的，但您没有使用 JavaScript 调用 csv 文件中的列？ csvData.getAllResponseHeaders()

<script type="text/javascript">
    var csvData;
    $(document).ready(function() {
       $("#btnGET").click(function() {
            csvData = $.ajax({
                type: "GET",
                url: "http://www.sites.com/data/sample_file.csv",
                dataType: "text/csv",
                success: function (result) {
                   alert(result);
                   alert("done!"+ csvData.getAllResponseHeaders())
                 }
            });
       });
    }) 

这应该对你有用:)