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没有图表显示，空浏览器屏幕

回答

相关问题