from app_temperatura.models import UserProfile ,temperatura ,Presion,Humedad,Luz #importamos nuestros modelos
import json as simplejson
Código Python:
Ver original
def items(): datos_temperatura= temperatura.objects.all() items={'charts': {'valorT':[]}} for item in datos_temperatura: items['charts']['valorT'].append([item.valorT]) return simplejson.dumps(items) def piechart(request): return render_to_response('grafica.html',{'datos_temperatura': items()}) def charts_ajax(request): return HttpResponse(items(), content_type='application/json')
y este es mi template en html.
Código Javascript:
[/HIGHLIGHT]Ver original
[HIGHLIGHT="HTML"]{%load staticfiles%} {%include 'base.html'%} <div class="col-sm-9"> <H3>GRAFICA...</H5> <div class="panel panel-primary"> <div class="panel-heading">REPRESENTACION DE MEDICIONES </div> <div class="panel-body panelchart"> <canvas id="canvas"></canvas> </div> </div> </div> </div> <!-- Chart.js Bar --> <script> var lineChartData = { labels : ["Temperatura"], datasets : [ { label: "My First dataset", fillColor : "rgba(220,220,220,0.2)", strokeColor : "rgba(220,220,220,1)", pointColor : "rgba(220,220,220,1)", pointStrokeColor : "#fff", pointHighlightFill : "#fff", pointHighlightStroke : "rgba(220,220,220,1)", data : [{{ datos_temperatura |safe }}] } ] } var ctx = document.getElementById("canvas").getContext("2d"); window.myLine = new Chart(ctx).Line(lineChartData, { responsive: true }); $.getJSON('/your/view/url', function(response) { // create chart here }); </script>
La grafica la representa de manera correcta pero en valor de temperatura solo me muestra esto
en el label
Temperatura: [objetc Object]
ALguien que me explique en que estoy mal , me seria de mucha ayuda graciass!!!!