angularjs - D3 with AngularJs，同一页面上的多个图表具有基于公共(public)键的不同数据

Question

我的要求如下，任何人都可以为使用 Angular js 的 D3 中的代码提出好的引用。

在单个页面中，我需要包含多个图表(可以是折线图、条形图、饼图)，也可以是其中任何一个的组合。每个图表都应该使用针对特定客户 ID 的 Ajax 请求从数据库中获取 json 数据。每个图的 json 数据是不同的，但是为了获取数据，每个图在查询数据库时使用相同的客户 ID。客户下拉列表出现在页面顶部，当我更改客户时，所有这些图表都重新填充了更改后的客户数据。

我面临着将所有细节和和平放在一起进行设计的问题，使用多个 Controller ，每个 Controller 具有不同的图形，并使用工厂服务共享数据，将客户 ID 传递给每个 Controller 的数据查询，等等。任何人都可以指出一些代码引用，以便我开始最佳设计吗？

Answer 1

我按照本教程将我的 d3 图表放入一个指令中:http://www.ng-newsletter.com/posts/d3-on-angular.html

在您的图表位于指令中之后，您可以像对待任何其他 Angular 指令一样对待它，并使用不同的输入参数轻松地重用它。