2012-05-14 72 views
2

我正在使用d3.svg.line在多個數據點之間繪製一條線。我不想展示任何代表各個數據點的東西 - 只是裸線 - 但我希望能夠將鼠標懸停在線段相交處的拐點處,以查看有關每個數據點的工具提示信息。隱形SVG元素的工具提示

我已經添加了定位在每個數據點一個<g>元素和<title>元素提示工作得很好,只要我有作爲的<title>父可見的東西,像<circle>。但如果我直接在<g>下使用<title>,它不會顯示任何內容。如果我將填充/筆劃<circle>設置爲「無」,則不再顯示工具提示。

有沒有簡單的方法讓工具提示出現在特定點上,而沒有任何可見的元素存在?

回答

2

繪製一個透明矩形,並把工具提示可能嗎? fill =「transparent」

+0

應該是fill =「none」,因爲根據svg規範,fill =「transparent」無效。 –

+0

只要將填充和描邊設置爲「無」,工具提示就會停止顯示,至少在Chrome中。 –

+0

Firefox支持http://www.w3.org/TR/css3-color的透明和RGB顏色希望SVG 2將強制支持CSS3顏色,而不是SVG 1.1引用的CSS 2規範。 –