मैं चार्ट.जेएस

Question

के लिए चार्ट उदाहरण कैसे प्राप्त करूं मैं डिफ़ॉल्ट Django टेम्पलेट्स के साथ पायथन/Django का उपयोग कर रहा हूं। स्वाभाविक रूप से

<script type="text/javascript" src="{% static "js/Chart.min.js" %}"></script> 

, मैं Chart.min.js मास्टर Chart.js स्थिर js निर्देशिका में डाउनलोड से निकाली गई है: मैं सिर (इस स्थान का काम ठीक में अन्य Django स्टैटिक फ़ाइलें) में इस किया है।

मेरे शरीर में मेरे पास है:

<div class="graph"> 
    <canvas id="dgraph" width="600" height="400"></canvas>    
</div> 

शरीर में

इसके अलावा मेरे पास है:

<script type="text/javascript" src="{% static "js/stuff.js" %}"></script> 

stuff.js में मेरे पास है:

var data = [ 
    { 
     value: 20, 
     color:"#878BB6" 
    }, 
    { 
     value : 40, 
     color : "#4ACAB4" 
    }, 
    { 
     value : 10, 
     color : "#FF8153" 
    }, 
    { 
     value : 30, 
     color : "#FFEA88" 
    } 
]; 

// संदर्भ जाओ कैनवास तत्व का हम

चुनना चाहते हैं

हालांकि, जब मैं कोशिश करते हैं और एक ब्राउज़र में इस प्रदर्शित (क्रोम के रूप में यह होता है) मैं कंसोल में इस देखें:

Uncaught ReferenceError: Chart is not defined 

धरती पर कहां चार्ट वस्तु से प्राप्त होता है? यह बहुत मौलिक प्रतीत होता है और मुझे लगता है जैसे मैंने Google और stackoverflow पर उपलब्ध प्रत्येक निर्देश का पालन किया है। कृपया सहायता कीजिए!

Answer 1

Chart ऑब्जेक्ट Chart.min.js में परिभाषित किया गया है। ऐसा लगता है कि लिपि लोड नहीं हो रही है।

मुझे लगता है कि आप अपने शीर्षक में <script> टैग में src विशेषता के मान-पीछे उद्धरण चिह्न वंचित हो रहे हैं - कोशिश:

<script type="text/javascript" src="{% static 'js/Chart.min.js' %}"></script> 

Answer 2

मुझे पता चला कि ले जाकर Chart.min.js शामिल नीचे लाइन jQuery शामिल लाइन, यह जीवन में स्प्रिंग्स। इस तरह:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> 
    <!-- Include all compiled plugins (below), or include individual files as needed --> 
    <script type="text/javascript" src="{% static 'js/Chart.min.js' %}"></script> 

संभावित रूप से चार्ट.जेएस jQuery पर निर्भर है।