>

1) "지금"값을 가진 수직선을 표시하고 싶습니다

뿐만 아니라

2) 오른쪽에 약간의 여백 추가-마지막 "가장 최근의"이벤트 오른쪽에 공간이 없기 때문에 현재 "지금"이벤트가 잘립니다.

업데이트 : 의견에 대한 제안 덕분에 다음을 수행하여 쉽게 수행 할 수 있습니다.

maxDate.add(1).hour()

https://github.com/datejs/Datejs

예 : 현재 :

원함 :

질문 :

  • svg에서 "지금"값의 x 값을 어떻게 검색하여 선을 그릴 수 있습니까?

  • 마지막 이벤트 후에 어떻게 시간 마진 (예 : 1 시간) 또는 상대적 마진 (예 : 10 %)을 추가 할 수 있습니까?

  • 답변 # 1

    선을 그리려면 시간을 스케일에 매핑하십시오. 그런 다음 그것을 사용하면 반환 된 값을 가져옵니다. 다음과 같은 작업을 수행 할 수 있습니다.

    const chart = eventDrops({ d3 });
    var now = new Date()
    var x = chart.scale()
    d3.select('#chart')
        .append('line')
        .attr('id', 'ticker')
        .attr('y1', 0)
        .attr('y2', 100)
        .attr('x1', x(now))
        .attr('x2', x(now))
        .attr('transform', `translate(200, 0)`)
        .style('stroke-width', 2)
        .style('stroke', 'blue')
        .style('fill', 'none')
    
    

    댓글에 따르면 날짜 마진을 차트의 종료 날짜에 추가 할 수 있습니다.

    var maxDate = Date().today()
    const chart = eventDrops({ 
         d3,
         range: {
          end: maxDate.add(1).hour()
         }
    });
    
    

  • 이전 Create React App에서 이미지를 돋우는 데 이점이 있습니까?
  • 다음 vba - 새로운 엑셀 시트에 코드를 동적으로 추가