0
こんにちは私はd3を初めて使ったので、棒グラフのデータを更新できませんでした。 次のコードを使用してバーを作成しています。D3更新棒グラフ - 新しいデータをバインドできません
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); })
私は、ハードコーディングされた値を使用してデータを変更することができました:
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; });
にはどうすれば適切に新しいデータをバインドすることができますか?
更新データを使用して、グラフを再描画しなければならないことを意味します。グラフを再描画する関数を作成する必要があります。あなたはその関数のデータに依存するコードを保持することができます – 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 –