在d3中基于条线图中的条件添加雕文

Question

This is the output that I would be requiring

This is the output that I am getting at the moment

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

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

您可以过滤数据，只在数据中月份为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()
...