2016-10-31 5 views
-1

Я пытаюсь вернуть два разных списка, которые представляют значения диаграммы и метки для jsonify, а затем передаются функции Javascript для рисования диаграммы, но она никогда не работала со мной. Он работал только тогда, когда я вернул один список значений без списка ярлыков.Как вернуть два массива с jsonify в Flask?

Ниже мой Колба сценарий:

enter image description here

Ниже мой код Javascript, содержащий JQuery и AJAX функции:

<script> 

     var getValues = $.get('/data'); 
     getValues.done(function(values,labels){ 

     var data = { 
     labels: [ 
      labels.labels 
     ], 

     series: [ 
      values.values 
     ] }; 

     var options = { 
      width : 800, 
      height : 400 
     } 

     var myChart = new Chartist.Bar('.ct-chart', data, options); 

     }); 

    </script> 
+0

Вместо того, чтобы делать снимки текста, размещайте фактический код. – davidism

ответ

0

Ваш /data конечная точка возвращает JSON объект, который вы можете указать в своем $.get.

$.get('/data', function(response){ 
    var data = { 
     labels: response.labels, 
     series: [response.values] 
    }; 

    var options = { 
     width : 800, 
     height : 400 
    } 

    var myChart = new Chartist.Bar('.ct-chart', data, options); 
}, "json"); 
+0

Это было быстро! Большое спасибо. –

+0

At kiran.koduru другой вопрос пожалуйста. Я пытаюсь сделать другую копию этой диаграммы, создав еще один маршрут в колбе и дублируя код Javascript с учетом новых переменных $ .get, но каждый раз, когда он рисует первый график и пренебрегает вторым. –

+0

@ A.Youssef вы можете заменить classnames, чтобы создать диаграмму с помощью 'new Chartist.Bar ('.ct-chart1', data, options)' и 'new Chartist.Bar ('. Ct-chart2', data, options) '. Удостоверьтесь, что имена вашего класса тоже соответствующим образом помечены –

Смежные вопросы