How can I get one circle for every three months-CodePudding

I'm using this link to learn D3.Js I want to draw circles, but I want a circle for every three months
I tried to create a new data sub of the original data, but this didn't work https://d3-graph-gallery.com/graph/area_lineDot.html

temp =[]
for (i=0; i< data.length; i=i 3) {
    temp.push(data[i]);
}

I need to modify this code

svg.selectAll("myCircles")
    .data(data)
    .enter()
    .append("circle")
    .attr("fill", "red")
    .attr("stroke", "none")
    .attr("cx", function(d) { return x(d.date) })
    .attr("cy", function(d) { return y(d.value) })
    .attr("r", 3)

CodePudding user response：

Try this:

svg.selectAll("myCircles")
    .data(temp)   // <---------- Use 'temp' instead of 'data'
    .enter()
    .append("circle")
    .attr("fill", "red")
    .attr("stroke", "none")
    .attr("cx", function(d) { return x(d.date) })
    .attr("cy", function(d) { return y(d.value) })
    .attr("r", 3)

CodePudding user response：

I got this working now the issue was the way I was reading the d.date and d.value the data has string need to be change to int thank you Simon