Ben varsayılan Django şablonları ile Python/Django kullanıyorum Chart.js

Question

için bir Grafik örneğini nasıl elde. Baş (bu konum çalışma cezası diğer django Statik dosyalar) 'de bu var:

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

Doğal olarak, ben Chart.min.js Chart.js js statik dizine indirmek usta çıkarılan var. Vücudumun içinde

Ben: Vücutta Ayrıca

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

Ben: stuff.js olarak

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

Ben:

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

// Get bağlamı kanvas elementinin biz

seçmek istediğiniz

Ancak, denemek ve ben konsolda görüyoruz (tesadüfen de Chrome) bir tarayıcıda bu görüntülediğinizde: Yeryüzünde

Uncaught ReferenceError: Chart is not defined 

Grafik nesne elde edilir? Oldukça temel gibi görünüyor ve sanki google ve stackoverflow'taki tüm talimatları takip ettiğimi hissediyorum. Lütfen yardım et!

Answer 1

Chart nesne Chart.min.js tanımlanmıştır. Bu betik yüklenmiyor gibi görünüyor.

ben size başlığındaki <script> etiketinde src özelliğinin değeri etrafında tırnak eksik düşünüyorum - deneyin:

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

Answer 2

Ben taşıyarak Chart.min.js AŞAĞIDA çizgiyi dahil keşfetti jQuery satır dahil, hayata yayılır. böylece gibi:

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

Tahminen Chart.js jQuery bağlıdır.