5

.select()またはでデータのサブセットを選択したいと思います.selectAll()。

たとえば、次のデータセットがあります。

var dataset = [4,5,6,7,9,56]

このデータセットの各番号は SVG にバインドされています<rect>。

svg.selectAll("rect")
  .data(dataset)
  .enter()
  .append("rect");

ここで、いくつかのものを適用するためにデータのサブセットのみを選択したいと思います（私の場合は黄色に着色しています）。

これは、次のすべての色付けに機能し<rect>ます。

var allRect = myselection.selectAll("rect")
  .attr("fill","rgb(255, 255, 0)");

しかし、たとえば、5 から 7 までの数字に対応する s のみを選択したいと思います<rect>。または、少なくとも<rect>データセットの特定の数字に対応する .

私は試した：

var specificRect = myselection.selectAll("rect")[5:9]

var specificRect = myselection.selectAll("rect")[5]

var specificRect = myselection.selectAll("rect")[2,3,4]

var specificRect = myselection.selectAll("rect").data(dataset)[1]

それらのどれも機能していません。ご協力いただきありがとうございます。

4

1 に答える 1

3

解決策は、「.filter」を使用することでした。

var specificRect = myselection.selectAll("rect").data(dataset)
.filter(function(d) { return (d >= 5 && d <= 9) })
于 2013-07-26T14:36:44.417 に答える