javascript - 如何从 Angular Laravel 的数据库中提取 Chartjs 数据？

Question

我正在构建一个带有图表的仪表板应用程序。我有几个用户，希望从数据库中为每个用户提取不同的数据，以在仪表板中形成他们自己的图表。

这是我当前的设置

在 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 () {}

我如何更改此设置，以从数据库中的用户表中提取数据，或者如果可以创建更多组织，则可以从单独的表中提取数据。

更新:

我尝试将此代码 {{vm.userData.numbers}} 放入 $scope.data 中，其中数字是我的用户表中的一列，其中包含制作图表所需的所有值。不幸的是，这对我不起作用。

Answer 1

如果您的users表有大量记录，您可以引用users表主键将这些chartJS相关数据设置到单独的表中。这是简单的理解。

关于从DB表中获取ChartJS相关数据，您需要从特定表中获取该数据，可以使用laravel eloquent或 Fluent interface .

示例代码请乘坐 this blog

希望这个内容丰富的答案能够帮助您!