2013-02-20 6 views
6

मुझे कुछ स्पष्ट याद आना चाहिए, लेकिन मुझे दिखाने के लिए <text> नहीं मिल रहा है।एक svg क्यों है: पाठ बस प्रदर्शित नहीं हो रहा है?

svg 
    .append("rect") 
    .append("text"); 

लेकिन आप वास्तव में: HTML + सीएसएस

<svg style="width: 320px; height: 200px; top: 0px; left: 0px; position: relative;"> 
    <g class="depth"> 
     <g class="children"> 
      <rect class="child" x="99" y="0" width="47" height="30"> 
       <text dy=".75em" x="105" y="6">PRIMARY</text> 
      </rect> 
      <rect class="child" x="90" y="0" width="8" height="30"> 
       <text dy=".75em" x="96" y="6">MASTER</text> 
      </rect> 
      <rect class="parent" x="90" y="0" width="56" height="30"></rect> 
     </g> 
    </g> 
</svg> 

पर http://bost.ocks.org/mike/treemap/

+5

एसवीजी में आप ग्राफिकल तत्वों के भीतर पाठ तत्वों को घोंसला नहीं करते हैं , आपके पास 'svg.append ("rect") जैसा कुछ होना चाहिए। ("टेक्स्ट") संलग्न करें लेकिन आपको वास्तव में' svg.append ("rect") की आवश्यकता है; svg.append ("text") ' – Duopixel

+0

@ डुओपिक्सेल क्या आप इसे उत्तर के रूप में जोड़ सकते हैं? –

उत्तर

10

एसवीजी में आप ग्राफिकल तत्वों के भीतर नहीं घोंसला पाठ तत्वों कर आधार के लिए http://jsfiddle.net/ydaLh/ देखें, तो आप करने के लिए कुछ इसी तरह होना आवश्यक है आवश्यकता:

svg.append("rect"); 
svg.append("text"); 
संबंधित मुद्दे