0

次のように、プロジェクトに jqPlot をインポートしています。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Insert title here</title>
    <script language="javascript" type="text/javascript" src="../js/jqplot/jquery.min.js"></script>
    <script language="javascript" type="text/javascript" src="../js/jqplot/jquery.jqplot.min.js"></script>
    <link rel="stylesheet" type="text/css" href="../js/jqplot/jquery.jqplot.css" />
    <script type="text/javascript">
      $.jqplot('chartdiv', [[[1, 2],[3,5.12],[5,13.1],[7,33.6],[9,85.9],[11,219.9]]]);
    </script>
  </head>
  <body>
    <div id="chartdiv" style="height:400px;width:300px; "></div>
  </body>
</html>

この HTML ページを Chrome で開いたのですが、次のエラー メッセージが表示されます。

$.jqplot('chartdiv', [[[1, 2],[3,5.12],[5,13.1],[7,33.6],[9,85.9],[11,219.9]]]);
キャッチされていない TypeError: 未定義のメソッド 'jqplot' を呼び出せません "

理由はよくわかりません。

4

1 に答える 1

2

jqplotは例外をスローします:

Uncaught No plot target specified 

これは、DOMの準備ができていないため、グラフを配置する場所が見つからないことを意味します。jQuery関数内でjqplotの呼び出しをラップすることで修正できます

$(function(){
    $.jqplot('chartdiv', [[[1, 2],[3,5.12],[5,13.1],[7,33.6],[9,85.9],[11,219.9]]]);
});

例: http: //jsfiddle.net/jaimem/6ds84/ </ p>

于 2012-11-24T07:47:41.853 に答える