通过 AJAX 从 MySQL 读取数据,作为 NVD3-Angular 控制器中的数据对象发送
Read data from MySQL via AJAX to be sent as data object in the controller of NVD3-Angular
我找到了图书馆 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 作为数据库。
感谢您的指导。
在此处参考 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.
});
我找到了图书馆 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 作为数据库。
感谢您的指导。
在此处参考 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.
});