0
안녕하세요 저는 d3을 처음 사용하고 막대 그래프의 데이터를 업데이트 할 수 없습니다. 다음 코드를 사용하여 막대를 만듭니다.D3 업데이트 막대 차트 - 새 데이터를 바인딩 할 수 없습니다.
var bar = svg.selectAll(".bar");
bar.transition().duration(750).data(data).enter()
.attr("y", function(d) { return 0; })
.attr("height", function(d) { return Math.random()*100; });
어떻게 내가 제대로 새로운 데이터를 바인딩 할 수 있습니다 :
g.selectAll(".bar")
.data(data)
.enter().append("rect")
.attr("class", "bar")
.attr("x", function(d) { return x(d.letter) + 1; })
.attr("y", function(d) { return y(d.frequency); })
.attr("width", x.bandwidth() - 1)
.attr("height", function(d) { return height - y(d.frequency); })
나는 하드 코딩 값을 사용하여 데이터를 수정 할 수 있었다?
업데이트 데이터는 그래프를 다시 그려야 의미합니다. 그래프를 다시 그리는 함수를 만들어야합니다. 해당 함수의 데이터에 의존하는 코드를 유지할 수 있습니다. – murli2308
질문이 명확하지 않습니다. 무엇을 알고 싶습니까? 데이터를 리바 인드하는 방법이나 선택을 설정하는 방법은 무엇입니까? 한편, S.O.에서이 예를 살펴보십시오. 문서 도구 : http://stackoverflow.com/documentation/d3.js/5749/update-pattern/20318/updating-the-data-a-basic-example-of-enter-update-and-exit-selections#t= 201701241434416574182 –