0

私は Javascrip/Jquery/Jqplot が初めてで、独学で学ぼうとしています。次に、いくつか質問があります。このコードは単純なグラフを表示するのに十分ですか? 機能していないため、空白のページが表示されます。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Test</title>
<link rel="stylesheet" type="text/css" href="css/jquery.jqplot.css" />

<script language="javascript" type="text/javascript" src="js/jqplot.canvasTextRenderer.min.js"></script>
<script language="javascript" type="text/javascript" src="js/jqplot.canvasAxisLabelRenderer.min.js"></script>
<script language="javascript" type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script language="javascript" type="text/javascript" src="js/jquery.jqplot.js"></script>
<script language="javascript" type="text/javascript" src="js/jqplot.dateAxisRenderer.js"></script>
<script language="javascript" type="text/javascript" src="js/jqplot.categoryAxisRenderer.js"></script>
<script language="javascript" type="text/javascript" src="js/jqplot.ohlcRenderer.js"></script>
<script language="javascript" type="text/javascript" src="js/jqplot.highlighter.js"></script>
<script language="javascript" type="text/javascript" src="js/jqplot.cursor.js"></script>
<script language="javascript" type="text/javascript" src="js/customCandlestick.js"></script>

<script type="text/javascript">
$(document).ready(function(){
        document.write("<p>It works!!!</p>");
        var plot1 = $.jqplot ('chart1', [[3,7,9,1,4,6,8,2,5]]);
    });
</script>

</head>
<body>
<div id="chart1"></div>
</body>
</html>
4

2 に答える 2

0

このライブラリもプロジェクトに使用しました。本当に良いです!..投稿した例を確認するだけで、エラーの原因がわかりました。使用する場合は、document.write 文を変更するだけで済みます。たとえば、console.log 関数が機能します。

元。

$(document).ready(function(){
        console.log("It works!!!");
        var plot1 = $.jqplot ('chart1', [[3,7,9,1,4,6,8,2,5]]);
    });

もう 1 つの重要な点は、このライブラリが jquery を使用することです。そのため、jquery 参照の後に jqplot のすべての js ファイルを参照して、JQuery の定義されていないエラーを回避する必要があります。

それが役立つことを願っています!

于 2013-07-16T14:31:30.440 に答える
0

削除する必要があります

document.write('<p>It works!!!</p>');

またはそれを置き換える

document.write('<p>It works!!!</p><div id="chart1"></div>');

あなたのdocument.writeステートメントは、HTML ページの本文部分をあなたが言及した内容に置き換えています (ここでは '< p >動作します!</ p >)。

したがって、HTML ページには、「chart1」ID の div はもう含まれていません。「chart1」で識別される div にグラフィックをプロットするように jqplot に指定すると (および document.write ステートメントによって消去されます)、グラフィックが表示されないのは通常の動作です。

PS : グラフを描画するためにすべてのオフ jqplot プラグインを含めることは必須ではありません。これ以上複雑にならなければ、「css/jquery.jqplot.css」と「js/jquery.jqplot.js」のみを含めることをお勧めします。より複雑なグラフの場合は、必要なプラグインのみを含めます (たとえば、日付軸を操作する必要がある場合は「js/jqplot.dateAxisRenderer.js」)。

編集

ここでjsFiddle の動作を参照してください。2 つの「document.write」行を試してみてください (コメントしてコメントを外してみてください)。

于 2013-07-17T05:31:53.933 に答える