2015-06-17 44 views
-3

我不完全确定我要出错的地方,但是当我将数据放入单独的.json文件并使用$ http.get()检索该数据时我的散点图不再可视化了。这里是我的代码: http://plnkr.co/edit/bJE8qTG8CEI957xKMh6q?p=previewangular.js http.get()服务不起作用

具体这些行,我觉得我可能犯了一个错误:

$http.get('data.json').success(function(response){ 
    $scope.exampleData = response.data; 
+0

你的响应对象中有属性'data'吗?如果不是,它只是'$ scope.exampleData = response' – PSL

回答

0

$http.get()工作正常。

有以下错误:

app.controller('ExampleCtrl', [$scope, $http, function ($scope, $http){

应该

app.controller('ExampleCtrl', ['$scope', '$http', function ($scope, $http){

和你的JSON不包含data道具所以更改$scope.exampleData = response.data;这个$scope.exampleData = response;

var colorArray = ['#000000', '#660000', '#CC0000', '#FF6666', '#FF3333', '#FF6666', '#FFE6E6']; 
$scope.colorFunction = function(){ 
    return function(d, i){ 
    return colorArray[i]; 
    }; 
} 

需要在控制器;你得到$范围是不确定的,如果它不是

编辑

PSL是正确的,有在对象没有data支柱,但仍然是原来的plnkr它有错误。 get()工作得很好,这回答了OP的问题。

+0

如果你打算低估我的答案,请留下原因为什么。请解释为什么这不起作用plnkr:http://plnkr.co/edit/ACS7S7JXx2P18M4Ce53C?p=preview截图:http://i.imgur.com/4MZyKna.jpg – Ronnie

+0

我编辑了文件中的几个错误。 ..但再次散点图仍然不可视化。我真正的问题是......什么阻止了应用程序的工作?当然,我不会投票,你正在尝试提供帮助。然而,当我来到一个有声望的技术帮助论坛时,我感到沮丧,并且因为我认为相关的事情而得3票。 –

+0

是啊我不明白downvotes。无论如何,要获得散点图显示,请将此'$ scope.exampleData = response.data;'更改为此'$ scope.exampleData = response;' – Ronnie