通过 AJAX 从 MySQL 读取数据，作为 NVD3-Angular 控制器中的数据对象发送

Question

我找到了图书馆 nvD3-Angular，它看起来非常好而且友好。我用它来绘制静态数据，但我希望能够读取存储在我的数据库中的数据。有没有一种方法可以使用 JQuery 通过 AJAX 使用上述数据设置数据变量？我知道一定有办法获取这些数据，但我还没有找到它。

我的代码如下：在我的 html:

<div ng-controller="PlotController">
    <nvd3 options="options" data="data">
    </nvd3>
</div>

在控制器中：

app.controller('PlotController', function($scope){
        /* Chart options */
        $scope.options = {
            chart: {
                type: 'cumulativeLineChart',
                height: 450,
                margin : {
                    ...
                },
            }
        };
        $scope.initData = [
            {
                key: "Cis ON",
                mean: 250,
                values: [ [ 1083297600000 , -2.974623048543] , ... , [ 1354251600000 , 349.45128876100]]
            },
            {
                key: "Cis OFF",
                mean: -60,
                values: [ [ 1083297600000 , -0.77078283705125] ,..., [ 1085976000000 , -1.8356366650335]]
            },
        ]; 
        //Chart data
        $scope.data = angular.copy($scope.initData);
});

作为额外信息：服务器端编码为 Php Laravel 5.1，使用 mysql 作为数据库。

感谢您的指导。

Answer 1

在此处参考 angularjs 中的 $http 服务：https://docs.angularjs.org/api/ng/service/$http

样本：

$http({
  method: 'GET',
  url: 'your api url'
}).then(function successCallback(response) {
  // this callback will be called asynchronously
  // when the response is available
}).catch(function errorCallback(response) {
  // called asynchronously if an error occurs
  // or server returns response with an error status.
});

通过 AJAX 从 MySQL 读取数据，作为 NVD3-Angular 控制器中的数据对象发送

Read data from MySQL via AJAX to be sent as data object in the controller of NVD3-Angular

angularjs

ajax

nvd3.js

angularjs-nvd3-directives

angular-nvd3