शीर्षक सफारी

Question

पर एक एसवीजी रेक्ट के लिए काम नहीं कर रहा गुण मैं d3 शीर्षक गुण टूलटिप पॉपअप के लिए rects के सभी पर सेट है कि के साथ बनाई गई एक एसवीजी है। कोड फ़ायरफ़ॉक्स में ठीक काम करता है, लेकिन टूलटिप्स सफारी में दिखाई नहीं देती - न तो मैक या विंडोज। मुझे पता है कि शीर्षक विशेषता ठीक से सेट की जा रही है क्योंकि मैं इसे सफारी वेब इंस्पेक्टर में देख सकता हूं।

d3 कोड स्निप:

.append("rect") 
.attr("class", "hmCell") 
.attr("x", function(d,i) { 
    return cellWidth*i; 
}) 
.attr("y", 0)   
.attr("width", cellWidth-cellPadding) 
.attr("height", cellHeight-cellPadding)  
.style("fill", function(d,i){ 
     return colorScales[i](d); 
}) 
.attr("title", function(d,i) { return coldata[i]['PrintName']+": "+d; }); 

स्निपेट उत्पन्न एचटीएमएल के कुछ दिखा वेब निरीक्षक से:

<rect class="hmCell" x="0" y="0" width="34" height="11" style="fill: #9fee49; " title="V1: Derek"></rect> 
<rect class="hmCell" x="35" y="0" width="34" height="11" style="fill: #ee99bb; " title="V2: Blue"></rect> 

किसी भी मदद के लिए धन्यवाद

Answer 1

एसवीजी तत्वों एक शीर्षक विशेषता नहीं है । एचटीएमएल शीर्षक विशेषता का प्रभाव प्राप्त करने के लिए आपको एक बच्चे शीर्षक तत्व जोड़ने की आवश्यकता है उदा।

<svg viewBox="0 0 50 50"> 
 
     <rect class="hmCell" x="0" y="0" width="34" height="11" style="fill: #9fee49; "> 
 
      <title>V1: Derek</title> 
 
     </rect> 
 
    </svg>