Angularjs 谷歌图表在Angularng重复

我不熟悉AngularJs和谷歌图表。我的要求是显示谷歌图表动态在ng重复为每个李

<li ng-repeat="ques in surveyquestions">
    <label for="{{ques['questions']}}">
        {{ques['id']}} {{ques['questions']}}
    </label>
    <div ng-init="calltry(ques['option_array'],ques['id'])"></div>
    <div id="chartdiv{{ques['id']}}"></div>
</li>

当id为静态时，它工作正常，如下所示

<div id="chartdiv"></div>

var chart = new google.visualization.ColumnChart(document.getElementById('chartdiv'));

var chart=new google.visualization.ColumnChart（document.getElementById（'chartdiv'）；

---

请帮助找出问题所在。

尝试使用角度谷歌图表

请参阅：

https://angular-google-chart.github.io/angular-google-chart/docs/latest/examples/bar/

<div class="chartContainer" ng-repeat="data in arrayDiv">
    <div layout-padding layout-margin  google-chart chart="drawChart(data)">        
    </div> 
</div>

$scope.drawChart = function (value) {

    $scope.chartData = [];
    var chartValue = {
        c: [{
           v: 'subject
        }, {
            v: 5,
            f: " questions"
        }, {
            v: 6,
            f:  " questions"
        }]

    };
    $scope.chartData.push(chartValue);
    $scope.qaChart = {};
    $scope.qaChart.type = "BarChart";
    $scope.qaChart.data = {
        "cols": [{
            id: "Sections",
            label: "Subject",
            type: "string"
        }, {
            id: "Correct",
            label: "Correct",
            type: "number"
        }, {
            id: "Wrong",
            label: "Wrong",
            type: "number"
        }],
        "rows": $scope.chartData
    };
    $scope.qaChart.options = {

        "isStacked": "true",
        "fill": 20,
        "displayExactValues": true,
        "colors": ['#4CAF50', '#EF5350', '#00adee'],
        "vAxis": {
            "title": " Questions",                
        },
        "hAxis": {
            "title": "Details",
        }
    };
    return $scope.qaChart;
};

$scope.drawChart=函数（值）{
$scope.chartData=[]；
var chartValue={
c:[{
v:'主题
}, {
五:五,，
f：“问题”
}, {
五:六,，
f：“问题”
}]
};
$scope.chartData.push（chartValue）；
$scope.qaChart={}；
$scope.qaChart.type=“条形图”；
$scope.qaChart.data={
“科尔斯”：[{
id:“节”，
标签：“主题”，
类型：“字符串”
}, {
id:“正确”，
标签：“正确”，
类型：“编号”
}, {
id:“错”，
标签：“错误”，
类型：“编号”
}],
“行”：$scope.chartData
};
$scope.qaChart.options={
“isStacked”：“正确”，
“填充”：20，
“displayExactValues”：正确，
“颜色”：['4CAF50'、'EF5350'、'00adee']，
“vAxis”：{
“标题”：“问题”，
},
“哈克斯”：{
“标题”：“详情”，
}
};
返回$scope.qaChart；
};

When is

var chart…

run？@BuhBuh IN ng init call function calltry（）

<div class="chartContainer" ng-repeat="data in arrayDiv">
    <div layout-padding layout-margin  google-chart chart="drawChart(data)">        
    </div> 
</div>

$scope.drawChart = function (value) {

    $scope.chartData = [];
    var chartValue = {
        c: [{
           v: 'subject
        }, {
            v: 5,
            f: " questions"
        }, {
            v: 6,
            f:  " questions"
        }]

    };
    $scope.chartData.push(chartValue);
    $scope.qaChart = {};
    $scope.qaChart.type = "BarChart";
    $scope.qaChart.data = {
        "cols": [{
            id: "Sections",
            label: "Subject",
            type: "string"
        }, {
            id: "Correct",
            label: "Correct",
            type: "number"
        }, {
            id: "Wrong",
            label: "Wrong",
            type: "number"
        }],
        "rows": $scope.chartData
    };
    $scope.qaChart.options = {

        "isStacked": "true",
        "fill": 20,
        "displayExactValues": true,
        "colors": ['#4CAF50', '#EF5350', '#00adee'],
        "vAxis": {
            "title": " Questions",                
        },
        "hAxis": {
            "title": "Details",
        }
    };
    return $scope.qaChart;
};