根据d3中折线图中的条件添加字形

Question

This is the output that I would be requiring

This is the output that I am getting at the moment

我已经在我的 d3 代码中添加了圆形字形，但我需要根据条件添加字形，如果月份是一月，那么只有圆圈才会出现！例如，按照 01/2019、01/2020、01/2021 的顺序，圆圈应仅出现在这些日期

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" );

这会在所有日期创建圈子，我需要过滤并仅在 1 月显示它们

Answer 1

您能否过滤数据并仅在数据中月份为一月时添加圆圈？

我假设dataIS 是某种数组。

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