d3js svg foreignObject覆盖图表无法在Internet Explorer中呈现 - 任何替代方案？

Question

我有两个指令来创建图表。一个指令用于背景图表，另一个指令用于叠加图表。这意味着有一个图表在背景上，几个图表覆盖在第一个图表（MainChart）的顶部。请看下面的图片。

主图表始终可见，只要单击下拉箭头（如图所示），子图表就会显示。 使用＆＃34; foreignObject＆＃34;创建子图表。在d3js和SVG中。这一切都适用于chrome和FF。但它不会在IE11中呈现，我需要以某种方式支持它。没有做太多代码更改，有没有其他方法可以支持它？