スクロールによる散布図上の点の色の変更

2020-08-01 javascript d3.js scroll scatter-plot jquery-waypoints

3つの異なるCSVを使用する散布図があります。次のJavascriptは、これらのCSVの1つからのポイントの配置を制御します。

svg.append('g')
    .selectAll("dot")
    .data(files[2])
    .enter()
    .append("circle")
      .attr("cx", function (d) { return x(d.Index); } )
      .attr("cy", function (d) { return y(d.Value); } )
      .attr("r", 4)
      .style("fill", function (d, i) { 
      if(i === 0) {
        return "#f05050"
      } else {
        return "#d3d3d3"
      }
    
    })

現在、このCSVのポイントは、インデックス0のポイントが赤以外は灰色です。スクロールしても、散布図が表示されたままで、その左側にスクロールするテキストがあります。私の質問は、特定の距離をスクロールした後、0インデックスのポイントを赤に変更するにはどうすればよいですか?前もって感謝します。

Answers

Related