[d3.js질문] 에러가 난 부분을 어떻게 고쳐야 할지 모르겠습니다

Question

d3.csv(&#34;/static/domain.csv&#34;, function (error, data) { var dataset&#61;[]; for (var i&#61;0;i<data.length;i&#43;&#43;){ dataset.push({&#34;Name&#34;:data[i].Name,&#34;Count&#34;:data[i].Count})} var diameter &#61; 800; var format &#61; d3.format(&#34;,d&#34;), color &#61; d3.scaleOrdinal(d3.schemeSet3) var bubble &#61; d3.pack(dataset) .size([diameter, diameter]) .padding(1.5); var svg &#61; d3.select(&#34;body&#34;) .append(&#34;svg&#34;) .attr(&#34;width&#34;, diameter) .attr(&#34;height&#34;, diameter) .attr(&#34;class&#34;, &#34;bubble&#34;); var nodes &#61; d3.hierarchy(dataset) .sum(function(d) { return d.Count; }); var node &#61; svg.selectAll(&#34;.node&#34;) .data(bubble(nodes).descendants()) .enter() .filter(function(d){ return !d.children }) .append(&#34;g&#34;) .attr(&#34;class&#34;, &#34;node&#34;) .attr(&#34;transform&#34;, function(d) { return &#34;translate(&#34; &#43; d.x &#43; &#34;,&#34; &#43; d.y &#43; &#34;)&#34;; }); node.append(&#34;title&#34;) .text(function(d) { return d.Name &#43; &#34;: &#34; &#43; d.Count; }); node.append(&#34;circle&#34;) .attr(&#34;r&#34;, function(d) { return d.r; }) .style(&#34;fill&#34;, function(d,i) { return color(i); }); node.append(&#34;text&#34;) .attr(&#34;dy&#34;, &#34;.2em&#34;) .style(&#34;text-anchor&#34;, &#34;middle&#34;) .text(function(d) { return d.data.Name.substring(0, d.r / 3); }) .attr(&#34;font-family&#34;, &#34;sans-serif&#34;) .attr(&#34;font-size&#34;, function(d){ return d.r/5; }) .attr(&#34;fill&#34;, &#34;black&#34;); node.append(&#34;text&#34;) .attr(&#34;dy&#34;, &#34;1.3em&#34;) .style(&#34;text-anchor&#34;, &#34;middle&#34;) .text(function(d) { return d.data.Count; }) .attr(&#34;font-family&#34;, &#34;Gill Sans&#34;, &#34;Gill Sans MT&#34;) .attr(&#34;font-size&#34;, function(d){ return d.r/5; }) .attr(&#34;fill&#34;, &#34;black&#34;); d3.select(self.frameElement) .style(&#34;height&#34;, diameter &#43; &#34;px&#34;); });코드를 돌리면 하이라이트 한 부분에서 에러가 납니다코드를 어떻게 고쳐야 할까요

지니113 · Answer

하이라이트가 안되네요return d.data.Name.substring(0, d.r / 3);부분입니다 감사합니다.

초보자1212 · Answer

왜 NaN 이 튀어나오는지를 봐보세요.

지니113 · Answer

d3.csv(&#34;/static/domain.csv&#34;) .then(function(data){ dataset &#61; { &#34;children&#34;: [ {&#34;Name&#34;:data[0].Name,&#34;Count&#34;:data[0].Count}, {&#34;Name&#34;:data[1].Name,&#34;Count&#34;:data[1].Count}, {&#34;Name&#34;:data[2].Name,&#34;Count&#34;:data[2].Count}, {&#34;Name&#34;:data[3].Name,&#34;Count&#34;:data[3].Count}, {&#34;Name&#34;:data[4].Name,&#34;Count&#34;:data[4].Count}, {&#34;Name&#34;:data[5].Name,&#34;Count&#34;:data[5].Count}, {&#34;Name&#34;:data[6].Name,&#34;Count&#34;:data[6].Count}, {&#34;Name&#34;:data[7].Name,&#34;Count&#34;:data[7].Count}, {&#34;Name&#34;:data[8].Name,&#34;Count&#34;:data[8].Count}, {&#34;Name&#34;:data[9].Name,&#34;Count&#34;:data[9].Count} ]};이렇게 하니까 되네요

[d3.js질문] 에러가 난 부분을 어떻게 고쳐야 할지 모르겠습니다

3개의 답변

#d3.js 목록