D3图表-组合多个图表

Question

首先，我还没有任何代码，因为我想了解的是，如果我想要做的事情实际上是可能的，甚至在尝试对它进行编码之前。

基本上，我正在开发一个angularjs应用程序，我需要将一些数据显示到图表中。

我说图表，因为数据是不同的，我需要使用不同的图表类型(条形图、线条、区域)来显示我的数据。

所以，我的想法是创建一个像这样的指令：

<my-chart>
 <line-chart data="[data]" ...></line-chart>
 <line-chart data="[data]" ...></line-chart>
 <bar-chart data="[data]" ...></bar-chart>
 <area-chart data="[data]" ...></area-chart>
</my-chart>

所有子指令都需要父指令才能工作。

使用这种方法，我应该能够根据用户选择轻松地显示/隐藏特定的图表，但老实说，由于我从未用D3开发过任何东西，但我现在正在学习它，我不知道这是否可能，或者是否已经有了允许我实现上述目标的东西。

如果这个问题不是纯粹的代码相关的，谢谢你的帮助和抱歉。

Answer 1

已经有一个角度库，它做一些与你想要实现的类似的事情。

演示这里