Angular Laravelのデータベースからchartjのデータを引き出す方法は？

Question

私はチャートを使ってダッシュボードアプリを構築しています。私はいくつかのユーザーがいて、各ユーザーの異なるデータをデータベースから取り出し、ダッシュボードに独自のグラフを作成したいと考えています。

この私の現在の設定JavaScriptで

HTML

で

<div class="chart"> 
    <canvas id="line" class="chart chart-line" chart-data="data" chart-labels="labels" chart-legend="false" chart-click="onClick" style="height: 180px;"> 
    </canvas> 
</div> 

は、私が代わりに私のデータベースに私のユーザーテーブルからデータを引っ張ってこれを変更するにはどうすればよい

$scope.labels = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'] 
$scope.data = [65, 59, 80, 81, 56, 55, 40, 65, 59, 80, 81, 56, 55, 40] 
$scope.onClick = function() {} 

を提出され、より多くの組織を作成する場合は、おそらく別のテーブルです。

UPDATE：

私は数字は、グラフを作成するために必要なすべての値を含む私のユーザー表の列である$のscope.data、中{{vm.userData.numbers}}このコードを配置してみました。これは残念ながら私のために働いていません。

Answer 1

大量のレコードを持つユーザーテーブルの場合、これらのchartJS関連のデータをusersテーブルの主キーの参照とは別のテーブルに設定できます。これは簡単な理解です。

DBテーブルからChartJS関連データをフェッチする場合、そのテーブルからそのデータをフェッチする必要があります。laravel eloquentまたはFluent interfaceを使用できます。コード例については

、この有益な答えがお手伝いしますthis blog

希望に乗る取ります！