D3 - 通过AJAX调用传递JSON数据

时间:2017-08-06 22:51:49

标签: d3.js

我使用Ajax从服务器调用JSON格式的数据,并在成功时将其传递给D3。

$(document).ready(function() {   
        $.ajax({
        url: "{% url 'charts_data' %}",
        method: 'GET',
        data : {
            airline_category: 1,
            year_category: 5
                },
        success: function(data){
            console.log(data) // Correctly logs data to console
        d3.json(data, function(dataSet){
            console.log(dataSet) // Null with error 404
        })   
        },
        error: function(error_data){
        console.log("error")
        console.log(error_data)
 }
    })
});

我知道我需要向d3.json提供URL而不是数据。但是我想用这个Ajax调用数据对象来构建图表。 Ajax称为数据采用JSON格式,如何将其与D3一起使用?

这是console.log数据:

的console.log(数据)

enter image description here

1 个答案:

答案 0 :(得分:0)

如果您已拥有d3.json()来电中的数据,请不要打扰ajax。只需在success d3.json中执行您在cex=1正文中所做的一切。