javascript - Django 和 d3.js : CSV data

标签 javascript django d3.js

我正在尝试让 django 提供来自模型的 CSV 数据,以使用 d3.js 生成图表。当我在服务器上有相同的 CSV 数据并且我传递分散到 CSV 文件的路径时,此示例有效。

我正在遵循此处发布的解决方案 Direct data input from Django for a D3 graph提供 CSV 数据。

我在分散函数中收到错误,声称传递的数据为空。

views.py
def serve_data(request):
    model = get_object_or_404(FileData, pk = 1)
    data = model.get_data()
    return HttpResponse(data, content_type = "text/csv")

模板

<script type="text/javascript">
    $.get('/site/serve_data/', function(data) 
    {
        $('.result').html(data);
        scatter(data); // Here's the call to the javascript function
    });
</script>

javascript

function scatter(csvData)
{
    // ERROR HERE: csvData is null
    d3.csv(csvData, function(data)
    {
        data.forEach(function(d) 
        {
        // work with data
        });
    });
});

我走在正确的道路上吗?

编辑

当我从浏览器调用 URL 时,serve_data 函数确实返回 CSV 数据。

最佳答案

您只是误用了d3.csv,它需要一个 URL。请参阅https://github.com/mbostock/d3/wiki/CSV#wiki-csv

关于javascript - Django 和 d3.js : CSV data,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14286461/

相关文章:

javascript - 鼠标滚轮事件不会在 Chrome 中触发

javascript - 更改png图像背景颜色

d3.js - 单值时的 d3 中心刻度和 x 轴标签

javascript - D3js : Dragging a group by using one of it's children

javascript - 使用 $.post 获取数据后使用 jQuery 调用 click 函数

javascript - 变量值未正确传递

django - 关于 django url 中字符的简单问题

django - Django内部服务器错误(接受1个参数(给定2个))

python - django save(commit=False) 与 full_clean

d3.js - 更改 d3 强制布局链接样式以匹配 d3-tree 外观