我想把d3.js和angularjs结合起来。我需要绘制一个链路图。数据从tsv文件中加载。 我在渲染图形时遇到问题,错误是数据尚未加载而图形已经被渲染。我希望当数据加载到作用域变量中时,渲染图形,否则不渲染。请帮忙。 以下是控制器的代码
phonecatControllers.controller('MainCtrl', ['$scope',
function($scope) {
d3.tsv("sample.tsv", function(error, data) {
$scope.d3Data = data;
});
}]);
以下是指令代码
directives.directive('d3Bar', [ function() {
return {
restrict : 'E',
scope : {
data : '='
},
link : function(scope, element) {
scope.$watch('data', function(newData, oldData) {
drawLine(newData);
}, true);
}
}
}
HTML 是
<body ng-controller='MainCtrl'>
<d3-bar data='d3Data'></d3-bar>
</body>