2012-09-01 28 views
2

我試圖在Web應用程序中使用Dygraphs。請參閱下面的簡單代碼。Dygraph不起作用

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 

    <head> 
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7; IE=EmulateIE9"> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
    <title>MyHtml.html</title> 
    <!--[if IE]> 
     <script type="text/javascript" src="/js/excanvas.js"></script> 
    <![endif]--> 
    <script type="text/javascript" src="/js/rgbcolor.js"></script> 
    <script type="text/javascript" src="http://dygraphs.com/dygraph-combined.js"></script> 
    <script type="text/javascript" src="/js/dygraph-combined.js"></script> 
    <script type="text/javascript" src="/js/dygraph.js"></script> 
    <script type="text/javascript" src="/js/CanvasRenderingContext2D.js"></script> 
    </head> 

    <body> 
    <div id="graphdiv"></div> 
    <script type="text/javascript"> 
     g = new Dygraph(
     document.getElementById("graphdiv"), "Date,Temperature\n" + "2008-05-07,75\n" + "2008-05-08,70\n" + "2008-05-09,80\n"); 
    </script> 
    </body> 

</html> 

如果包括我行 類型=「文/ JavaScript的」 SRC =「http://dygraphs.com/dygraph-combined.js」 與腳本它在Firefox和Chrome,它工作正常不會在IE中工作,它會給出錯誤,如'CanvasRenderingContext2D'未定義。如果我下載了dygraph-combined.js並將其包含在我的Web應用程序中,並通過提供路徑訪問它,它不會在所有三種瀏覽器中都能正常工作,它會給出Dygraph未定義的錯誤消息。請幫幫我。我想知道爲什麼會發生這種情況。

回答

2

你應該只需要包括dygraph-combined.js,無論是從你的網站或你自己的網站。你有沒有在你的網站上加入excanvas.js?這可以解釋爲什麼它不適用於IE8。

1

問題可能在於/js/...中的腳本無法被任何瀏覽器訪問。

  • 它解釋了爲什麼在你提到的遠程dygraph-combined.js的情況下,只有IE無法正常工作 - 它需要excanvas.js/js/...
  • 引用在您下載dygraph-combined.js的情況和更換遙控參考/js/...則沒有瀏覽器工作,因爲他們不能訪問的/js/dygraph-combined.js/js/excanvas.js/js/dygraph-combined.js

檢查輔助功能。如果沒有引用斜線,例如:js/dygraph-combined.js

如前所述,刪除所有其他腳本引用(除了dygraph-combined和excanvas.js)。 Dygraph組合已經包含了一個文件中的所有內容,而IE則需要excanvas。