サンプルの棒グラフ スクリーンキャストを参照してきましたが、現在、d3.js が IE 8 でどのように機能するかを確認しようとしています。スクリーンキャスト チュートリアルにあるサンプル コードをコピーし、これに同じコードを配置しました。私のアプリのファイル。d3のwikiに基づいて、Aight (aight.js および aight.d3.js) を Rails アプリの layout に含めようとしました。しかし、IE 8 でサンプル URL /companies/company_division_stats にアクセスしようとしても、何も表示されません。Chrome と Firefox で問題なく動作します。
aight.js は、IE 8 ブラウザーに関する機能に関してサポートが制限されている可能性があることを理解しています。私の d3 グラフが IE 8 に表示されず、他のブラウザに表示されるのはこの理由によるものですか、それとも私のコードと関係がありますか?
私のコードは github にあります。何か不足している場合に備えて、誰か教えてください。
IE8 の場合、D3 で通常の HTML DOM ノードを操作することに制限する必要があります。ただし、リンクした例では SVG を使用していますが、これは IE8 ではサポートされていません。
リンクしたD3 wikiから：
SVG および CSS3 Transitions を使用するには、最新のブラウザーが必要です。D3 は互換性レイヤーではないため、ブラウザーが標準をサポートしていない場合はうまくいきません。ごめん！
Aight github ページから(強調は私のもの):
Aight は、最低限の HTML5 互換性で IE8 を高速化するシムとポリフィルのコレクションであり、d3.js (およびそれらのインターフェイスに依存する他のライブラリ) でHTML のみのDOM 操作を行うために必要なすべてのインターフェイスを提供します。
SVG を使用しない例を探している場合、Scott Murray のチュートリアルの最初の 8 つはHTML のみを使用しています。ただし、Web 上の他のほとんどの例では、SVG で D3 を使用していることがわかると思います。IE8 のサポートが重要な場合は、 Raphaelなどの別のライブラリの方が適している場合があります。