我可以将一个d3布局放在另一个布局之上吗?

时间:2015-11-01 15:09:56

标签: javascript d3.js

这是我正在寻找的那种东西。假设我有两个d3布局 - 为了这个问题,让我们说其中一个是附加到某些数据的地图,另一个是一个饼图,它以数字列表作为输入。假设我可以让它们自己正确运行。

我想要做的是创建一个显示地图布局的文档,当用户点击地图(或其他一些事件)时,它会将一些数据发送到饼图布局并在饼图中显示饼图。地图的右上角。做这种事最简单的方法是什么?

不要被我的例子的细节束缚;关键是有一个布局触发另一个布局以响应事件(第二个布局应该能够接受取决于事件的数据)。

1 个答案:

答案 0 :(得分:1)

按照本文http://bost.ocks.org/mike/chart/中所述的方式实施图表。您将在内部使用这两个布局构建两个图表。您的图表可能会被称为地图和饼图。一旦您实现了图表,他们就会按预期进行测试和工作,您可以添加额外的逻辑。您为事件分配回调(例如鼠标点击),当点击该事件时,会收集地图中的所有数据,将div元素附加到您需要的位置并在其中呈现饼图。

我就是这样做的。祝你好运!