Come ottengo un'istanza di Chart per Chart.js

Question

Sto usando Python/Django con i modelli Django predefiniti. ho questo nella testa (file statici altro Django in questa posizione funziona bene):

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

Naturalmente, ho Chart.min.js estratto dal maestro Chart.js scaricare nella directory statica js.

Nel mio corpo ho:

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

anche nel corpo ho:

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

In stuff.js ho:

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

// Prendi il contesto dell'elemento canvas vogliamo selezionare

var ctx = document.getElementById("dgraph").getContext("2d"); 
new Chart(ctx).Doughnut(data, {}); 

Tuttavia, quando provo e visualizzare questa in un browser (Chrome come accade) Vedo questo nella console:

Uncaught ReferenceError: Chart is not defined 

Dove sulla terra è l'oggetto Chart ottenuto da? Sembra essere piuttosto fondamentale e mi sento come se avessi seguito tutte le istruzioni disponibili su google e stackoverflow. Per favore aiuto!

Answer 1

L'oggetto Chart è definito in Chart.min.js. Sembra che lo script non venga caricato.

penso che ti manca virgolette attorno al valore dell'attributo src nel tag <script> nell'intestazione - provare:

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

Answer 2

ho scoperto che spostando la Chart.min.js incluso riga sotto la jQuery ha incluso la linea, scaturisce nella vita. Mi piace così:

<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> 

Presumibilmente Chart.js dipende da jQuery.