У меня есть диаграмма рассеяния, в которой используются три разных CSV-файла. Следующее javascript управляет размещением точек из одного из них:
var container = $("container");
//var colors = ['red'];
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 (container.scrollTop === 200) {
if(i === 0) {
return "#f05050"
} else {
return "#d3d3d3"
}
}
})
Когда я прокручиваю определенное расстояние, я хочу, чтобы цвет первой точки изменился с серого на красный, однако это не происходит. Есть предложения, как я могу это исправить? Заранее спасибо.