6
튜토리얼 (https://github.com/agiliq/django-graphos)과이 stackoverflow 게시 (Displaying graphs using Django-graphos)를 따르면 템플릿에 게시 할 데이터를 얻을 수 없습니다.장고 그래프를 사용하여 그래프 표시 - django 1.6
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을 - 무엇이든지 차트 아무것도 표시됩니다.
{% 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 - 요청 = "테스트"를 정의 - 인쇄 graph_test (요청)의를 얻을
<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>
을 실행 {{chart.as_html}}에 배치하십시오. 이 템플릿이 내 템플릿으로 가져 오지 않는 이유가 확실하지 않습니다.