2

Web アプリケーションで Dygraphs を使用しようとしていました。以下の簡単なコードを参照してください。

<!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>

type="text/javascript" src="http://dygraphs.com/dygraph-combined.js" という行をスクリプトに含めると、Firefox と chrome では正常に動作し、IE では動作しません。次のようなエラーが発生します。 「CanvasRenderingContext2D」は未定義です。dygraph-combined.js をダウンロードして Web アプリケーションに含め、パスを指定してアクセスすると、3 つのブラウザーすべてで機能せず、Dygraph not defined というエラー メッセージが表示されます。私を助けてください。なぜこれが起こっているのか知りたいです。

4

2 に答える 2

2

あなたのウェブサイトからでも、自分のサイトからでも、dygraph-combined.js のみを含める必要があります。サイトに excanvas.js を含めましたか? これは、IE8 で動作しない理由を説明できます。

于 2012-09-01T21:38:59.170 に答える
2

/js/...問題は、どのブラウザーでもアクセスできないスクリプトにある可能性があります。

  • remote を参照する場合dygraph-combined.js、IE のみが機能しない理由を説明しexcanvas.jsます。/js/...
  • リモート参照をダウンロードdygraph-combined.jsして置き換えた場合/js/...、ブラウザはアクセスできないため、動作しません。/js/dygraph-combined.js

/js/dygraph-combined.jsとのアクセシビリティをチェックします/js/excanvas.js。スラッシュを先頭に付けずに参照する必要があります。例: js/dygraph-combined.js?

そして、前述のように、他のすべてのスクリプト参照 (dygraph-combined と excanvas.js を除く) を削除します。Dygraph-combined には既にすべてが 1 つのファイルに含まれており、IE には excanvas が必要です。

于 2013-08-15T15:09:32.550 に答える