Hiển thị biểu đồ bằng cách sử dụng Django-graphos - django 1.6

Question

Hướng dẫn sau (https://github.com/agiliq/django-graphos) và bài đăng xếp chồng này (Displaying graphs using Django-graphos) Tôi không thể nhận bất kỳ dữ liệu nào để đăng lên mẫu của mình.

models.py

class MonthlyWeatherByCity(models.Model): 
    month = models.IntegerField() 
    boston_temp = models.DecimalField(max_digits=5, decimal_places=1) 
    houston_temp = models.DecimalField(max_digits=5, decimal_places=1) 

    class Meta: 
     verbose_name_plural = "Monthly Weather By Cities" 
    def __unicode__(self): 
     return unicode(self.month) 

views.py

from graphos.sources.model import ModelDataSource 
from graphos.renderers import flot 
from portal.models import MonthlyWeatherByCity 

def graph_test(request): 

    queryset = MonthlyWeatherByCity.objects.all() 
    data_source = ModelDataSource(queryset, fields=['boston_temp', 'houston_temp']) 
    chart = flot.LineChart(data_source, options={'title': "Website", 'xaxis': {'mode': "categories"}}) 
    return render_to_response('portal/index.html', {'chart': chart}) 

index.html - không có gì hiển thị cho bảng xếp hạng nào.

{% extends 'portal/base.html' %} 
{% load static %} 
{% block head %} 
    <!-- Needed for graphos --> 
    <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.0/jquery.js"></script> 
    <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/flot/0.8.2/jquery.flot.min.js"></script> 
    <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/flot/0.8.2/jquery.flot.categories.min.js"></script> 
    <script src="http://code.highcharts.com/highcharts.js" type="text/javascript"></script> 
{% endblock %} 
{% block body_block %} 
<div class="hero-unit"> 
    <h1>Attack Control Center</h1> 
    {% if user.is_authenticated %} 
    <h3>Welcome back {{ user.username }}!</h3> 
    {% endif %} 
</div> 
<div class="row-fluid"> 
    <div class="span6"> 
     <h2>Charts</h2> 
     {{ chart.as_html }} 
    </div> 
</div> 
{% endblock %} 

./manage.py shell

Khi tôi chạy sao chép tất cả mọi thứ vào vỏ và - xác định yêu cầu = "test" - và chạy in graph_test (theo yêu cầu)

<div id="ZGScakAPkH" style="width:800px;height:400px;"></div> 
<script type="text/javascript"> 
$(function() { 
    $.plot(
     $("#ZGScakAPkH"), 
     , 
     {"series": {"lines": {"show": "true"}}, "legend": {"position": "ne"}, "xaxis": {"mode": "categories"}, "title": "Website"} 
    ); 
}); 
</script> 
    </div> 

Đó có được của đặt vào {{chart.as_html}}. Tôi không chắc tại sao điều này không được nhập vào mẫu của tôi.

Answer 1

Bạn không hiển thị vị trí của render_to_response. Tôi nghi ngờ rằng chức năng có thể là một phần của những gì gây ra vấn đề.

Lưu ý rằng đồng bằng render_to_response function is deprecated, có lợi cho render function xử lý rõ ràng đối tượng request.

import django.shortcuts 

from graphos.sources.model import ModelDataSource 
import graphos.renderers 

from portal.models import MonthlyWeatherByCity 


def graph_test(request): 
    queryset = MonthlyWeatherByCity.objects.all() 
    data_source = ModelDataSource(queryset, fields=[ 
      'boston_temp', 'houston_temp']) 
    chart = graphos.renderers.flot.LineChart(data_source, options={…}) 
    return django.shortcuts.render(
      request, 
      template_name='portal/index.html', 
      context={'chart': chart}) 

Cũng cần lưu ý rằng class-based views được khuyến nghị linh hoạt hơn.