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

如何更改此选项而不是从我的数据库中的users表中提取数据，或者如果它创建更多组织，则可能是单独的表。

更新：

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

Answer 1

如果您的用户表具有大量记录，您可以将这些chartJS相关数据设置为单独的表，并引用用户表主键。这很简单。

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

对于示例代码，请乘坐this blog

希望这个信息丰富的答案对您有所帮助！

如何从Angular Laravel中的数据库中提取chartjs的数据？

1 个答案: