툴팁에 브라우저 간 방법이 있습니까?

d3.js를 사용하여 그래프를 렌더링하고 있습니다. 웬일인지, 나는 그것이 일으키는 연기와 그들을 스타일링 할 수 없기 때문에 svg 표제의 거대한 팬이 아니다. 내가 틀렸다면 나를 바로 잡아주세요. 나는 최근 가로 질러왔다. tipsy하지만 브라우저 간 호환이되지 않는 것 같다.툴팁에 브라우저 간 방법이 있습니까?

예를 들어, this을 고려하십시오. 툴팁은 Firefox와 Chrome에서 잘 작동하지만 Internet Explorer 9에서도 표시되지 않으며 어떤 일이 일어나는지 잘 모르겠습니다. svg title 속성을 사용하는 것 외에 d3.js와 호환되는 툴팁에 대해 브라우저 간 브라우저 접근 방식이 더 깨끗합니까?

EDIT : d3.js와 호환되는 것을 찾고 있습니다. 예, 기운 사용하기 위해, 우리는 다음을 수행하십시오

$("svg circle").tipsy({});

이 파이어 폭스와 크롬 있지만 IE에서 작동합니다. 트위터의 Bootstrap의 툴팁 플러그인을 사용할 때도 비슷한 현상이 관찰되었습니다. 여기 내 jsFiddle없이 빠른 테스트를 사용하도록 추가 된 툴팁이 있습니다.

출처

2012-06-21 Legend