Primo poster, lettore di lunga durata. Ho passato un po 'di tempo a cercare una risposta a questo, il che mi fa pensare che sia qualcosa di fondamentale che mi manca.Passare il database di Django da un database ad un diagramma alto tramite JSON
Sto provando a estrarre i dati contenuti in una tabella di database e a passarli per la visualizzazione in un grafico Highcharts. Non ricevo errori da Django o dal cliente durante l'ispezione della fonte.
Usando: Django 1.7 e Python 3.4
Il views.py:
#unit/views.py
from django.http import JsonResponse
from django.shortcuts import render
from unit.analysis_funcs import ChartData
def chart_data_json(request):
data = {}
data['chart_data'] = ChartData.get_data()
return JsonResponse(data, safe = True)
def plot(request):
return render(request, 'unit/data_plot.html', {})
L') Funzione get_data (:
#unit/analysis_funcs.py
from unit.models import CheckValve
class ChartData(object):
def get_data():
data = {'serial_numbers': [], 'mass': []}
valves = CheckValve.objects.all()
for unit in valves:
data['serial_numbers'].append(unit.serial_number)
data['mass'].append(unit.mass)
return data
Il modello:
<!-- templates/unit/data_plot.html -->
{% extends "base.html" %}
{% block extrahead %}
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="http://code.highcharts.com/highcharts.js"></script>
{% endblock %}
{% block rootcontainer %}
<div id="container" style="width:100%; height:400px;"></div>
{% endblock %}
{% block overwrite %}
<!-- Overwrite the base.html jQuery load and put in head for Highcharts to work -->
{% endblock %}
{% block extrajs %}
<script>
$(document).ready(function() {
var options = {
chart: {
renderTo: 'container',
type: 'line'
},
series: [{}]
};
var ChartDataURL = "{% url 'chart_data_json' %}";
$.getJSON('ChartDataURL', function(data) {
options.xAxis.categories = data['chart_data']['serial_numbers'];
options.series[0].name = 'Serial Numbers';
options.series[0].data = data['chart_data']['mass'];
var chart = new Highcharts.Chart(options);
});
});
</script>
{% endblock %}
Finalmente gli url:
from unit import views, graphs
urlpatterns = patterns('',
url(r'^chart_data_json/', views.chart_data_json, name = 'chart_data_json'),
url(r'^plot/', views.plot, name = 'plot'),
)
Tutto sembra funzionare, ma il grafico di Highchart non viene visualizzato. Penso che sia nel modo in cui sto spostando i dati JSON dal view.py al template.html, ma dopo così tanto tempo a fissarlo guardo con occhi strabici.
Qualsiasi aiuto sarebbe fantastico!
Ricevi errori nella console? –
@SebastianBochan Nessun errore quando il sito viene recuperato. Ottieni una risposta tipica di 200 sia per l'url principale che per l'url che chiama i dati – peteza33