2013-08-11 9 views
19

जब morris.js का उपयोग कर क्यों मैं एक अपवादmorris.js ग्राफ़ कंटेनर तत्व नहीं मिला

Uncaught Error: Graph container element not found

मिल रहा है?

+1

जब आप स्टैक ओवरफ्लो पर कोई जवाब साझा करना चाहते हैं, तो समस्या का वर्णन करने वाले अपने प्रश्न को पोस्ट करें, फिर उत्तर को अलग से पोस्ट करें और इसे अपने प्रश्न के वैध उत्तर के रूप में चिह्नित करें। इस तरह यह अधिक जोखिम प्राप्त होगा। – halflings

+0

क्रोम पर स्विच करें :) – SteveCav

उत्तर

25

समाधान: जावास्क्रिप्ट रखो morris.js tiraeth से

div के बाद इस पद से: https://github.com/morrisjs/morris.js/issues/137

+0

कोणीय और निर्देश के साथ उपयोग करते समय। आप इसे $ टाइमआउट में लपेट सकते हैं। –

0

जावास्क्रिप्ट के कोड का निष्पादित से पहले डोम #annual तत्व शामिल है। Div के बाद जावास्क्रिप्ट रखें या jQuery.ready()

2

जब मैं node.js ढांचे का उपयोग कर रहा था तो मुझे यह समस्या थी। मॉरिस चार्ट युक्त स्क्रिप्ट टैग लेना और HTML फ़ाइल के नीचे से jquery मेरे लिए काम किया। मैं इसके बजाय प्रोजेक्ट के लिए निर्भरता लोड करने के लिए Requ.js का उपयोग कर रहा हूं। मुझे आशा है कि इससे मदद मिलेगी।

0

प्रयास करें यह

<head> 
    <script src="http://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script> 
    <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script> 
    <script src="http://cdn.oesmith.co.uk/morris-0.4.1.min.js"></script> 
</head> 
<body> 
    <div id="donut-example"></div> 

        <script type="text/javascript"> 
         Morris.Donut({ 
          element: 'donut-example', 
          data: [ 
           { label: "Download Sales", value: 12 }, 
           { label: "In-Store Sales", value: 30 }, 
           { label: "Mail-Order Sales", value: 20 } 
          ] 
         }); 
        </script> 

    </div> 
</body> 
1

अगर डॉन 'टी इस पृष्ठ पर चार्ट का उपयोग करें, आप यह कर सकते हैं:

  1. लाइन जहां अपवाद morris.js
  2. में throwed है पर जाएं
  3. इस तरह परिवर्तन यह: से पहले:

    if (this.el === null || this.el.length === 0) { 
        return; 
        // throw new Error("Graph placeholder not found."); 
        } 
    
संबंधित मुद्दे