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」要素に進み、同じエラーがスローされます。
他の人がr2d3でIE8で「g」要素をうまく使用したことを考えると、これが何を引き起こしているのかわかりません。
また、IE8 サポートの提供を開始したばかりの比較的新しいフレームワークd3.chartも使用しています。ただし、問題を引き起こしているコードは純粋な d3.