2015-03-30 5 views
5

मैं flot चार्ट बाहर कोशिश कर रहा हूँ "$ .plot कार्य नहीं है", लेकिन मैं इस त्रुटि में प्रदर्शन जारी रहे:Flot देने चार्ट

TypeError: $.plot is not a function

मैं अपने खुद के कार्यों से पहले सभी आवश्यक javascripts आयात किया।

एचटीएमएल:

<div class="row"> 
    <div id="monthly_balance" class="col-md-12" style="height: 200px;"> 
    </div> 
</div> 

js:

<script src="//cdn.jsdelivr.net/jquery/2.1.3/jquery.min.js"></script> 
<script src="//cdn.jsdelivr.net/bootstrap/3.3.4/js/bootstrap.min.js"></script> 
<script src="//cdn.jsdelivr.net/excanvas/r3/excanvas.compiled.js"></script> 
<script src="//cdn.jsdelivr.net/jquery.flot/0.8.4/jquery.flot.min.js"></script> 

<script type="text/javascript"> 

    $(function() { 

    var data = [[1, 12], [2, 25], [3, 4]]; //examplelist 

    var options = { 
     series: { 
      lines: { show: true }, 
      points: { show: true } 
     } 
    }; 

    $.plot($("#monthly_balance"), data, options) 
}); 
</script> 

मेरे js पृष्ठ के तल पर है (मैं सिर में यह डाल करने के लिए और साथ ही करने की कोशिश की, लेकिन एक ही त्रुटि रखा)।

उत्तर

6

http://cdn.jsdelivr.net/jquery.flot/0.8.4/jquery.flot.min.js फ़ाइल सर्वर पर नहीं मिली है, इसलिए त्रुटि। स्क्रिप्ट संदर्भ को ठीक करें, और यह ठीक होगा।

उदाहरण के लिए: http://cdn.jsdelivr.net/jquery.flot/0.8.3/jquery.flot.min.js ठीक काम करता है। वर्तमान में 0.8.4 संस्करण सीडीएन से गायब है।

+0

वास्तव में धन्यवाद। प्लॉट फ़ंक्शन त्रुटि समाप्त हो गई है। हालांकि अब jquery.flot.min.js फ़ाइल में कोई त्रुटि प्रतीत होती है। TypeError: डी अपरिभाषित –

+0

क्या आप एक jsfiddle या कुछ समान रख सकते हैं? – meskobalazs

संबंधित मुद्दे