보이지 않는 SVG 요소에 대한 툴팁

Question

d3.svg.line을 사용하여 여러 데이터 요소에 걸쳐 선을 그립니다. 개별 데이터 포인트를 나타내는 데 아무 것도 보여주고 싶지는 않습니다 - 단지 맨손 라인 - 그러나 각 데이터 포인트에 대한 툴팁 정보를보기 위해 선분이 만나는 변곡점 위에 마우스를 올려 놓고 싶습니다.

나는 각각의 데이터 포인트에 위치한 <g> 요소를 추가 한과 <title> 요소는 한 내가 <title>의 부모로서 <circle>처럼 보이는 무언가를 가지고 툴팁을 위해 잘 작동합니다. 하지만 <g>에서 <title>을 직접 사용하면 아무 것도 표시되지 않습니다. <circle>의 채우기/획을 "none"으로 설정하면 툴팁이 더 이상 나타나지 않습니다.

표시된 요소가 없어도 특정 지점에 툴팁을 표시하는 간단한 방법이 있습니까?

Answer 1

투명 직사각형을 그리고 그 위에 도구 설명을 삽입 하시겠습니까? fill = "transparent"