내가 내 D3 코드에서 원 상형 문자를 추가 한

Question

This is the output that I would be requiring

This is the output that I am getting at the moment

D3에 선 그래프의 조건에 따라,하지만 난 조건에 따라 글리프를 추가 할 필요가 달 경우 그 1 월, 그 때 서클이 나타납니다! 예를 들어, 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");

이 모든 날짜에 동그라미를 생성에 나타납니다, 나는 필터링하고 그들에게 보여줄 필요 only on month Jan

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() 
...