2016-10-31 1 views
-1

私はグラフ値を表す2つの異なるリストを返そうとしています。そして、グラフを描画するためにJavascript関数に渡されるようにjsonifyにラベルを付けます。それは、ラベルリストなしの値に対して単一のリストを返したときにのみ機能しました。Flaskでjsonifyで2つの配列を返す方法は?

次は私のフラスコスクリプトです:

enter image description here

次は、jQueryとAJAX機能を含む、私のJavascriptコードです:

<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

kiran.koduruで別のご質問ください。私はフラスコ内に別のルートを作成し、新しい$ .get変数を尊重してJavascriptコードを複製することで、このグラフの別のコピーを作成しようとしていますが、最初のグラフを描画して2番目のグラフを無視するたびに、 –

+0

@ A.Youssefでは、新しいChartist.Bar( '.ct-chart1'、data、options) 'と' new Chartist.Bar( '.ct-chart2'、data、options)を使ってクラス名を置き換えて、 '。あなたのdivクラス名が適切にタグ付けされていることを確認してください –

関連する問題