如何从angular指令绘制谷歌图表？

Question

我正在尝试在ng-repeat循环中绘制一些图表。我认为一个很好的方法是使用角度指令，但我似乎无法使它们工作。这就是我到目前为止所做的：

码

myApp.directive("plotPie", function() {
    return {
        scope: {
            tabledata: "="
        },
        link: function ($scope, element) {
            var data = new google.visualization.DataTable();
            data.addColumn('string', 'Label');
            data.addColumn('number', 'data');
            data.addRows(tabledata);
            var chart = new google.visualization.PieChart(element);
            chart.draw(data);
        },
    };
});

HTML

<div plot-pie tabledata="mydata" width="70%">

Answer 1

您错误地使用隔离的scope变量应为scope.tabledata

而不是

data.addRows(tabledata);

使用

data.addRows(scope.tabledata);