IE8中的SVG'g'元素抛出错误（使用r2d3，d3.chart）

Question

我试图在IE8中使用r2d3来绘制多系列线图。

在IE8中加载页面时，出现以下错误：

TypeError: Unable to get property 'attr' of undefined or null reference undefined

由以下d3代码触发：

chart.areas.grid = chart.base.append('g')
  .classed('grid', true)
  .attr('width', chart.margins.left - chart.margins.right)
  .attr('height', chart.h - chart.margins.bottom - chart.margins.top)
  .attr('transform', 'translate(' + chart.margins.left + ',0)'); 

如果我用其他东西替换'g'元素，代码将继续到下一个'g'元素并抛出相同的错误。

我无法弄清楚导致这种情况的原因，考虑到其他人已成功使用IE8中的'g'元素和r2d3。

我也在使用相对较新的框架d3.chart，它刚刚开始提供IE8支持。然而，这似乎不太可能导致问题，因为触发问题的代码是纯粹的d3。