2017-02-08 4 views
-1

Ich muss das Array Java Script Informationen aus Python-ListePython Flask-Schleife für in Java Script

list.py

workflows = [{"date": '2012', "rate": 5}, {"date": '2011', "rate": 4}] 
return render_template('modules/general/backoffice/rating.html', workflows=workflows) 

rating.html

{% block module_scripts %} 
    <script> 
      $(function() { 
       "use strict"; 
       // LINE CHART 
       var line = new Morris.Line({ 
        element: 'line-chart', 
        resize: true, 
        data: [ 
         {% for workflow in workflows %} 
          {time: {{ workflow.date }}, rate: {{workflow.rate}} } 
         {% endfor %} 
        ], 
        xkey: 'time', 
        ykeys: ['rate'], 
        labels: ['Rate'], 
        lineColors: ['#3c8dbc'], 
        hideHover: 'auto' 
       }); 
      }); 
     </script> 
{% endblock %} 
hinzufügen

Aber es funktioniert nicht.

Ich habe viele Posts über mein Problem gesehen, aber sie sind nicht geeignet.

Einer von ihnen Django FOR LOOP in JavaScript

+2

Was war der Fehler (in der Konsole des Browsers)? Ein Fehler, den ich gefunden habe, ist, dass Sie ',' nach jedem Array-Element verpassen. Sie müssen ',' am Ende: '{time: {{workflow.date}}, rate: {{workflow.rate}}},' –

+1

@YohanesGultom Dieses Skript wurde für LINE CHART entwickelt. In der Schleife muss zu den Koordinaten hinzugefügt werden, um ein Diagramm zu erstellen. Wenn ich manuell die Koordinaten aller Arbeiten addiere. Die Konsole hat keine Fehler. –

+1

@YohanesGultom danke für "Browser-Konsole" –

Antwort

-1
<script> 
     $(function() { 
      "use strict"; 
      // LINE CHART 
      var line = new Morris.Line({ 
       element: 'line-chart', 
       resize: true, 
       data: [ 
        {% for workflow in workflows %} 
         {time: '{{ workflow.date }}', rate: {{workflow.rate}} }, 
        {% endfor %} 
       ], 
       xkey: 'time', 
       ykeys: ['rate'], 
       labels: ['Rate'], 
       lineColors: ['#3c8dbc'], 
       hideHover: 'auto' 
      }); 
     }); 
    </script>