带有 Angular v1 的 D3.js 图表

HTML：

<div ng-app="myApp" ng-controller="Controller">
    <some-chart data="data"></some-chart>
</div>

使用 Javascript：

angular.module('myApp', [])
.directive('someChart', function() {
    return {
        restrict: 'E',
        scope: {data: '=data'},
        link: function (scope, element, attrs) {
        var chartElement = d3.select(element[0]);
            // here you have scope.data and chartElement
            // so you may do what you want
        } 
    };
});

function Controller($scope) {
    $scope.data = [1,2,3,4,5]; // useful data
}