私はこのd3.js のことは初めてなので、これは非常に些細な質問かもしれません。ここにコードがあります
d3.selectAll("p")
.data([4, 8, 15, 16, 23, 42])
.style("font-size", function(d) { return d + "px"; });
これは何をしますfunction(d) { return d + "px"; }
か。
私はこのd3.js のことは初めてなので、これは非常に些細な質問かもしれません。ここにコードがあります
d3.selectAll("p")
.data([4, 8, 15, 16, 23, 42])
.style("font-size", function(d) { return d + "px"; });
これは何をしますfunction(d) { return d + "px"; }
か。
ドキュメントから:
value が関数の場合、現在のデータム d と現在のインデックス i が渡され、現在の DOM 要素として this コンテキストを使用して、選択された要素ごとに関数が (順番に) 評価されます。次に、関数の戻り値を使用して、各要素のスタイル プロパティを設定します。
そのため、関数は配列内の各メンバーで呼び出され、「4px」、「8px」、「15px」など、それぞれに異なるフォント サイズが生成されます。
what does this function(d) { return d + "px"; } do
単純な、その関数呼び出しは(を介して)dを文字列化toString()
し、文字列 "px"を追加して、結果を返します。