Error when passing JSON data to d3.json

Question

When I click a button, I pass an array of data from a viewmodel. On the d3.json function, I use json_encode against the viewmodel to tranform it to a JSON object. When I inspect it on the page, it does convert it but I am getting an

"Uncaught SyntaxError: missing ) after argument list".

Can someone tell me what I am doing wrong?

d3.json("<?php echo json_encode($viewmodel) ?>", function(error,data){
        data.forEach(function(d) {
          d.projectdate = parseDate(d.projectdate);
          d.Cost = +d.Cost;
        });

          var svg = d3.select("body")
                      .append("svg")
                      .attr("id", "chart")
                      .attr("width", w)
                      .attr("height", h);

          svg.selectAll("bar")
              .data(data)
              .enter()
                .append("rect")
                .classed("bar", true)
                .attr("x", 0)
                .attr("y", function(d, i){
                    return i * 20
                })
                .attr("width", function(d,i){
                    return d;
                })
                .attr("height", 20);


    });

altocumulus · Accepted Answer · 2017-04-11 23:10:43Z

1

d3.json() expects a url as its first parameter, not a JSON string. This will in turn request the specified file at that particular url to load the JSON from.

In your case, however, it might be easier to directly assign the JSON to the data variable.

var data = JSON.parse("<?php echo json_encode($viewmodel) ?>");

data.forEach(function(d) {
  //...
});

answered Apr 11, 2017 at 23:10

altocumulus

21.7k13 gold badges65 silver badges86 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Error when passing JSON data to d3.json

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related