django chartit沒有圖表顯示，空瀏覽器屏幕

我正在使用django框架在需要在前端繪製和顯示圖表的Web應用程序。所以我使用django chartit來達到這個目的，但是當我運行django開發服務器時，它沒有顯示任何空白瀏覽器屏幕，也沒有錯誤。我迷失了我所做錯的事。django chartit沒有圖表顯示，空瀏覽器屏幕

這裏是視圖渲染圖

from chartit import DataPool,Chart 
from django.template import RequestContext 
from django.template import Context,loader 
from django.shortcuts import render_to_response 
from django.http import HttpResponse 
from graphtest.apps.graph_app.models import charttest 
def chartview(request): 
    powerdata = DataPool(series=[{'options':{ 
     'source':charttest.objects.all()}, 
     'terms':[ 
      'power', 
      'time']}]) 
    cht = Chart(datasource=powerdata,series_options=[{'options': 
                  {'type':'line', 
                  'stacking':False}, 
                  'terms': 
                   {'time':['power',]}}], 
     chart_options={ 
     'title':{ 
      'text':'power data'}, 
     'xAxis':{'title':{'text':'xaxis'}}}) 

    return render_to_response('graph.html',{'powerchart': cht})

模型，其圖形是由

from django.db import models 

class charttest(models.Model): 
    power = models.PositiveIntegerField() 
    time = models.DecimalField(decimal_places=10,max_digits=20) 
    def __unicode__(self): 
     return unicode(self.power)+' '+unicode(self.time)

和模板

<!DOCTYPE html> 
<html> 
<head> 
    <script type="text/javascript" src="/static/js/highcharts.js"></script> 
    <script src ="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script> 
    <script type ="text/javascript" src ="http://code.jquery.com/jquery-1.7.1.min.js"></script> 
    {% load chartit %} 
    {{ powerchart|load_charts:"container"}} 

</head> 
<body> 
<div id="container"></div> 
</body> 
</html>

請幫我我被困了幾個小時。如果需要更多信息，請詢問。

來源

2013-01-16 user1575045

嘗試以下操作：

<div id="container">{{ powerchart|load_charts:"container"}}</div>

來源

2013-04-11 18:20:17 xXPhenom22Xx

它不適用於我:( –

1. 確保你已經把highcharts.js文件在靜態和路徑是正確的。

2. 嘗試奧德代碼這樣的：

來源

2014-10-27 09:06:44 Geek4IT

請確認jquery.js和highcharts.js前

<script src ="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script> 
<script type ="text/javascript" src ="http://code.jquery.com/jquery-1.7.1.min.js"> 


<script type="text/javascript" src="/static/js/highcharts.js"></script>

來源

2014-12-10 08:11:41

這個固定的問題對我來說：

{% extends "base.html" %} 
 

 
{% load chartit %} 
 
{% block title %}Gráfico gratuito{% endblock %} 
 

 
{% block content %} 
 
    {% block javascript %} 
 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script> 
 
     <script src="http://code.highcharts.com/highcharts.js"></script> 
 
    {% endblock %} 
 
    <div class="container"> 
 
     <div class="row"> 
 
      <div id="gratis">{{ data|load_charts:"gratis" }}</div> 
 
     </div> 
 
    </div> 
 
{% endblock %}

來源

2016-08-25 01:54:10 fjmoralesp

它適用於我;） – Deadpool

django chartit沒有圖表顯示，空瀏覽器屏幕

回答

相關問題