Glyph in Liniendiagramm Hinzufügen basierend auf Zustand in d3

Question

This is the output that I would be requiring

This is the output that I am getting at the moment

ich den Kreis Glyphen in meinem d3 Code hinzugefügt habe, aber ich brauche, unter der Bedingung, die Glyphen hinzufügen aus, dass, wenn der Monat Jan, erst dann sollte der Kreis erscheinen! Zum Beispiel, um von 01/2019, 01/2020, 01/2021 der Kreis sollte nur an diesen Tagen

g.selectAll("circle") .data(dataIS) .enter() .append("circle") .attr("cx", function (d) { return x(parseTime(d.date));}) .attr("cy", function (d) { return y(d.salary + d.bonus); }) .attr("r", "4") .style("stroke","black") .style("stroke-width","2") .style("fill", "red");

Dies schafft die Kreise auf allen Terminen erscheinen, muss ich filtern und zeigen ihnen, nur auf Monat Jan

Answer 1

Können Sie die Daten filtern und nur einen Kreis hinzufügen, wenn Monat Januar in den Daten ist?

Ich nehme an, dass dataIS ein Array einer Art ist.

g.selectAll("circle") 
.data(
    dataIS 
    .filter(
    d =>{ 
     console.log("d is:",JSON.stringify(d,undefined,2)); 
     return d.date.getMonth() === 0 //only January 
    } 
) 
) 
.enter() 
...