我想集成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>
在手表中放置一个if控件,以检查您的数据项是否准备就绪
directives.directive('d3Bar', [function() {
return {
restrict : 'E',
scope : {
data : '='
},
link : function(scope, element) {
scope.$watch('data', function(newData, oldData) {
if(newData){
drawLine(newData);
}
}, true);
}
}
}])
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句