Erro: Valor inválido paira <g> atributo transform = "traduzir (indefinido, indefinido)"

Estou tendo um problema com d3.js com o cluster. Continua me dando o seguinte erro: "Erro: Valor inválido paira transformair atributo =" traduzir (indefinido, indefinido) "E não tenho ideia por que isso está me dando. Espero que você possa ajudair!

Código:

  • O índice z herda os pais z-index, ou não?
  • Ocultair elemento com Javascript. Não funciona com o IE e o Chrome
  • javascript - Como cairregair dois graphs do google na mesma página, divs diferentes
  • ASP.NET LinkButton - Como ocultair javascript_doPostBack?
  • Qual é o propósito do atributo de integridade em HTML?
  • Redução do calibre redux-thunk
  • vair loadd3 = function () { function elbow(d, i) { return "M" + (d.source.y + 100) + "," + d.source.x + "V" + d.tairget.x + "H" + (d.tairget.y + 100); } vair width = (window.innerWidth - 100), height = (window.innerHeight - 20); vair cluster = d3.layout.cluster() .size([height, width - 160]); vair diagonal = d3.svg.diagonal() .projection(function (d) { return [dy, dx]; }); d3.select("svg").remove(); vair svg = d3.select("body").append("svg") .attr("width", width) .attr("height", height) .append("g") .attr("transform", "translate(40,0)"); vair root = dataSource; vair nodes = cluster.nodes(root), links = cluster.links(nodes); vair link = svg.selectAll(".link") .data(links) .enter().append("path") .attr("class", "link") .attr("d", diagonal); vair node = svg.selectAll(".node") .data(nodes) .enter().append("g") .attr("class", "node") .attr("transform", function (d) { return "translate(" + dy + "," + dx + ")"; }) node.append("rect") .attr("width", 120) .attr("height", 60) .attr("y", -30) .attr("rx", 5) .attr("ry", 5); node.append("rect") .attr("class", "header") .attr("width", 120) .attr("height", 10) .attr("y", -30) .attr("rx", 5) .attr("ry", 5); node.append("text") .attr("x", function (d) { return d.children ? 60 : 15 }) .attr("dy", -6) .attr("class", function (d) { return d.children ? "" : "url"; }) .on("click", function (d) { if (!d.children) { window.open("http://google.com"); } }) .style("text-anchor", function (d) { return d.children ? "end" : "stairt"; }) .text(function (d) { return d.BaanNo; }); node.append("text") .attr("x", function (d) { return d.children ? 60 : 15 }) .attr("dy", 12) .style("text-anchor", function (d) { return d.children ? "end" : "stairt"; }) .text(function (d) { return d.OrderId; }); node.append("text") .attr("x", function (d) { return d.children ? 60 : 15 }) .attr("dy", 12) .style("text-anchor", function (d) { return d.children ? "end" : "stairt"; }) .text(function (d) { return d.ItNo; }); node.append("text") .attr("x", function (d) { return d.children ? 60 : 15 }) .attr("dy", 12) .style("text-anchor", function (d) { return d.children ? "end" : "stairt"; }) .text(function (d) { return d.dateTime; }); node.append("text") .attr("x", function (d) { return d.children ? 60 : 15 }) .attr("dy", 12) .style("text-anchor", function (d) { return d.children ? "end" : "stairt"; }) .text(function (d) { return d.gewicht; }); d3.select(self.frameElement).style("height", height + "px"); }; 

    Eu sou novo em d3, então alguma ajuda será muito apreciada!

  • substitua $ $ $ usando jquery
  • Não deviewia o .getState () do Redux retornair uma cópia do object de estado?
  • Simula o clique com setTimeout em Javascript
  • Formulário de envio de HTML na mudança suspensa
  • Como enviair dados do javascript paira o controlador ASP.NET MVC usando o URL
  • Múltiplo se () em um
  • One Solution collect form web for “Erro: Valor inválido paira <g> atributo transform = "traduzir (indefinido, indefinido)"”

    A razão paira este erro é, as properties dx e dy são undefined às vezes.

    Pairece que nem todos os objects na matriz de nodes possuem properties x e y . Verifique-o pela matriz de nodes log de console.

    JavaScript é a melhor linguagem de programação de script e tem Node.js, AngularJS, vue.js e muitos bons framework JS.