Angularjs 未使用http get请求在带角度js的Fusion图表中加载数据

我将Fusion图表与Angular js一起使用，数据是使用get请求从json中到达的，但没有加载到图表中。显示消息“无需显示数据”。这是我的控制器代码

var myApp=angular.module('angularApp',[]);

myApp.controller('countByOperator',function($scope,$http)
{
   $http.get("angular/controllers/data/callcountbyoperator.json").success(function(response){
    $scope.dataSource=response.data;
    alert($scope.dataSource);

    FusionCharts.ready(function(){
        var countByOperator=new FusionCharts({
            type:'bar2d',
            renderAt:'countByOperator',
            width:'450',
            dataFormat:'json',
            dataSource:$scope.dataSource
        });
        countByOperator.render();
    });
   });  
});

这是我的html代码：

<div style="border:1px solid #161616; margin:25px 0;" >
<div class="alBarHead">CALL COUNT BY OPERATORS</div>
<div id="countByOperator" ng-controller="countByOperator"  ng-init="" ng-    model="dataSource"></div>
</div>

按接线员计算的通话次数

考虑到您正在使用的事实，没有必要这样做

FusionCharts.ready(function(){
    var countByOperator=new FusionCharts({
        type:'bar2d',
        renderAt:'countByOperator',
        width:'450',
        dataFormat:'json',
        dataSource:$scope.dataSource
    });
    countByOperator.render();
});

如果通过执行

$scope.dataSource=response.data更改模型简单地说，angularjs（以及fusioncharts）会自动更新视图。这就是使用它的全部意义。
您的html将像

<fusioncharts 
width="60" 
height="400"
type="column2d"
datasource="{{myDataSource}}"
></fusioncharts>



在控制器内部

如果您没有使用插件
将html更改为

<div ng-controller="countByOperator">
    <div id="countByOperator"></div>
</div>



这应该可以工作。
尝试
console.log（response）
。这是我在ConsoleUncought RuntimeException中收到的错误消息：#03091456 chartobject-5.render（）error>>找不到容器DOM元素。感谢您的回答，实际的问题只是我没有指定response.data来代替response。现在解决