使用 Django 使用 D3.js 访问 CSV 数据答案

【问题标题】：Accessing CSV Data with D3.js using Django使用 Django 使用 D3.js 访问 CSV 数据
【发布时间】：2015-09-20 21:55:06
【问题描述】：

我正在使用 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 文件中的标题（或第一行）。

【问题讨论】：

标签： javascript python django csv d3.js

【解决方案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())
                 }
            });
       });
    })

这应该对你有用:)

【讨论】：

不客气。如果有帮助，你介意投票给我的答案吗？