2017-08-08 101 views
1

我正在用图表构建仪表板应用程序。我有几个用户,并希望从数据库中为每个用户提取不同的数据,以在他们的仪表板中形成他们自己的图表。如何在Angular Laravel的数据库中为chartjs提取数据?

这是我的当前设置

在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> 

在JavaScript文件

$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:

我试图把这个代码{{vm.userData.numbers}}在$ scope.data,其中数字是在包含使图形所需要的所有值我的用户表中的列。这不幸的是不适合我。

回答

0

如果您的用户表中有大量记录,可以将这些chartJS相关数据设置到单独的表中,以供用户参考表主键。这是一个简单的理解。

关于从数据库表中获取ChartJS相关数据,您需要从特定表中获取该数据,您可以使用laravel eloquentFluent interface

对于示例代码,采取骑this blog

希望这信息的回答将帮助你!

+0

当我使用Angular Chartjs时,我很困惑以什么来取代当前的代码。 –

+0

我认为我可以将{{vm.userData.numbers}}放置在$ scope.data中,其中数字是我的用户表中包含制作图形所需的所有值的列。这不幸的是不适合我。 –