データベースデータでangularjsのグラフを作成する方法は？

棒グラフを作成しようとしています。この棒グラフを参照Hereとして使用しています。私は$のscope.dataと$スコープに私のデータベースのデータが必要な場合、これは...データベースデータでangularjsのグラフを作成する方法は？

<body ng-app="app"> 
    <div ng-controller="BarCtrl"> 
    <canvas id="bar" class="chart chart-bar" width=100% height=25 
    chart-data="data" chart-labels="labels" chart-series="series"></canvas> 
    </div>

私のHTMLの一部であり、これは私のangularjs一部です...

<script> 
angular.module("app",["chart.js"]).controller("BarCtrl", function ($http,$scope) { 
    $http.get("../widget/stock_details.php").success(function(data){ 
      $scope.data=data; 
      //$scope.tqnt=data.tqnt; 
      //$scope.old_quantity=data.old_quantity; 

    $scope.labels = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul','Aug','Sep']; 
    $scope.series = ['Series A', 'Series B']; 


    $scope.data = [65, 59, 80, 81, 56, 55, 40], 
       [28, 48, 40, 19, 86, 27, 90]; 
}); 
    });

。ラベルは次に何をすればいいのですか？私はこれを試してみます $scope.data = [ [data[0],data[2],data[4],data[6]] , [data[1],data[3],data[5]] ];これは良い方法ではありません。以下のような

変更while一部： - - ：

$data[0][]=$row['total_qnt']; $data[1][]=$row['old_quantity'];

その後、arrayにこのjson encoded dataを解析

PHPファイルは、あなたがする必要がどのような

<?php 
include('connection.php'); 
$er=new Connect(); 
$er->__construct(); 

    $data=array(); 

    $selct=mysql_query("SELECT * FROM stock"); 

     while($row=mysql_fetch_array($selct)) 
     { 
      $data[]=$row['total_qnt']; 
      $data[]=$row['old_quantity']; 
      $data[]=$row['stock_date]; 
     } 

echo json_encode($data); 
?>

出典

2016-09-28 Krishna Patel

'$ data [0] [] = $ row ['total_qnt']; $ data [1] [] = $ row ['old_quantity']; 'それをあなたのJavaScriptコードに解析し、' $ scope.data'に渡して –

@Anantをチェックしてください。 –

クリスがあなたを助けてうれしい –

が..ですですjavascriptコードに入力し、$scope.dataに渡します。

出典

2016-09-28 04:51:35

あなたを助けることがうれしい:) :)歓声。 –

私が$ scope.labelsの値を動的にしたい場合、さらにもう1つのことをします。私の質問を編集してください。 –

あなたは '$ data'配列にラベルやシリーズのようなものをすべて追加し、ラベルとシリーズとデータに対応するサブ配列を渡す必要があります。 –

データベースデータでangularjsのグラフを作成する方法は？

答えて

関連する問題