選択（D3.js）

Question

にドットを使用して私はこのようなブラケット内部のドットを使用するコードの多くを発見しました。

誰かがそのドットの説明で私を助けることができますか？

おかげ

Answer 1

svg.selectAll(".circles")はクラスcirclesを持っているあなたのSVG内のすべての要素を選択します。だから.は基本的にあなたがclassnameに基づいて選択したいと指定することです。

svg.selectAll("circle")のようにすると、svgのすべてのcircle要素が選択されます。これはタグ内の名前に基づいています。たとえば、以下のコードをお持ちの場合は、両方の円が選択されます。別の例

<svg> 
    <circle></circle> 
    <circle></circle> 
</svg> 

は少し良く説明します

たちは、私がsvg.selectAll(".red")をすれば、私が最初にg要素を選択し、上記の場合には、次のコード

<svg> 
    <g class="red"></g> 
    <g class="blue"></g> 
</svg> 

を考えてみましょうこれはクラス名がredであるためです。

ただし、svg.selectAll("g")を入力すると、gの要素が選択され、クラス名は心配しません。 .のないこのタイプのフィルタリングは、要素の名前にのみ基づいています。