2013-08-28 55 views
0

我一直在提及示例Bar Chart Screencast,我目前正在嘗試查看d3.js如何在IE 8上工作。我已將示例代碼截屏視頻教程和我在這個file中放置在我的應用程序中。基於d3的wiki,我嘗試過在我的Rails應用中包含Aight(aight.js和aight.d3.js),在我的layout中。但是當我嘗試在IE 8上打擊示例url/companies/company_division_stats時,什麼也沒有顯示出來。它適用於Chrome和Firefox。在IE 8上顯示示例d3圖形條形圖的問題

據我所知,aight.js在IE 8瀏覽器功能方面的支持可能有限。是否因爲這個原因,我的d3圖形不會顯示在IE 8上,並顯示在其他瀏覽器上,還是與我的代碼有關?

我的code存在於github上。如果我失去了一些東西,任何人都可以告訴我。

回答

2

對於IE8,您需要限制自己使用D3操縱常規HTML DOM節點。但是你鏈接的示例使用SVG,這是不支持IE8:

http://caniuse.com/svg

D3 wiki你鏈接:

你需要一個現代瀏覽器中使用SVG和CSS3過渡。 D3不是一個兼容層,所以如果你的瀏覽器不支持標準,那你的運氣不好。抱歉!

Aight github page(重點煤礦):

Aight是讓IE8達與HTML5兼容的最低限度加快墊片和polyfills的集合,提供所有必要做的接口HTML只 DOM操作使用(即依賴這些接口和其他庫)d3.js

如果你正在尋找不使用SVG例子中,前八隻使用HTML。不過,我想你會發現網上的大多數其他例子都使用D3和SVG。如果IE8支持對您很重要,另一個庫如Raphael可能更合適。

+0

有沒有辦法通過我可以建立一個d3.js條形圖沒有svg? – boddhisattva

+0

@boddhisattva查看編輯答案 – explunit