angular.js http.get() 服务不工作

Question

I'm not exactly sure where I'm going wrong but when I put my data into a separate .json file and used $http.get() to retrieve that data my scatter chart isn't visualizing anymore. Here's my code: http://plnkr.co/edit/bJE8qTG8CEI957xKMh6q?p=preview

Specifically these lines I feel I might be making a mistake:

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

Answer 1

the $http.get() works fine.

There is an error below:

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

should be

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

and your json doesn't contain a data prop so change $scope.exampleData = response.data; to this $scope.exampleData = response;

also

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

needs to be in a controller; you get $scope is undefined if it isn't

edit

PSL is right, there is no data prop in the object, but still the original plnkr had errors in it. The get() worked just fine which was answering OPs question.