차트의 툴팁이 작동하지 않습니다.

Question

D3 (각진 상태)에 선 차트를 작성하고 툴팁을 구현하려고했습니다.

// not working 
// d3.select(element[0]).append() doesn't work either 
var div = g.append("div") 
    .attr("class", "tooltip") 
    .style("opacity", 0); 

// works fine 
var div = d3.select("body").append("div") 
    .attr("class", "tooltip") 
    .style("opacity", 0); 

Here is the JSFiddle. (라인 : 문제는 그 요소를 지시어 툴팁 DIV를 추가 할 때, 그것은 내가 (내가 원하지 않는) 본체에 사업부를 추가 할 경우 잘 작동하는 동안 작동하지 않습니다이며, 69)

Answer 1

외국 객체 (모든 브라우저에서 지원되지 않음)를 사용하지 않는 한 SVG 내에 HTML 요소 (예 : div)를 사용할 수 없습니다. rect 요소를 사용하여 툴팁을 만들 수 있습니다.