6

Webページにグラフとして表示する数値データを取得する必要があります。JQPlotは、これを実行するのに最も簡単なJQueryライブラリの1つであり、無料であることがわかりました。しかし、彼らのWebページの例とチュートリアルを見るように努力したにもかかわらず、ページに表示するチャートを取得することはできません。開始するための基本的なチャートのコードは次のとおりです。

<html>

<head>
<title>Testing plots functions</title>
<script type="text/javascript" src="jquery-1.7.2.js"></script>
<script type="text/javascript" src="JQPlot/plugins/jqplot.canvasTextRenderer.min.js"></script>
<script type="text/javascript" src="JQPlot/plugins/jqplot.canvasAxisLabelRenderer.min.js"></script>

<script type="text/javascript">

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

</script>
</head>

<body>

Here is the start of the page...<br>

<div id="chart1"></div>

</body>

</html>

このコードのほとんどは、サンプルWebページ(http://www.jqplot.com/tests/line-charts.php)から直接取得されているため、ページで何も起こらない理由がわかりません。

4

5 に答える 5

2

これらのファイルはコンピューターとこのフォルダー構造に存在しますか?

  • JQPlot / plugins / jqplot.canvasAxisLabelRenderer.min.js
  • JQPlot / plugins / jqplot.canvasTextRenderer.min.js

編集:

ベースファイル(jquery.jqplot.min.js)も含まれていることを確認してください(これらのページでは見逃しやすい可能性があります)

http://www.jqplot.com/src/jquery.jqplot.min.js

于 2012-07-25T19:59:27.700 に答える
2

Javascript/Jqueryコードの前に「div」コンポーネントを配置してみてください。

Jqueryが「div」を見つけられない可能性があります。

最初にdivを定義してから、チャートを表示するためのコードを記述します。

于 2012-08-24T09:32:01.597 に答える
2

メインのjqPlotJSをレンダラーJSの前、ただしjQueryインクルードの後に​​インクルードし、チャートをレンダリングするスクリプトを配置する前に、ページにdivを配置する必要があります。

于 2013-01-23T00:43:59.807 に答える
0

このスレッドは少し古いですが、次のことを考慮してください。

プロットを表示するWebページにコンテナ(ターゲット)を追加します。ターゲットに幅と高さを指定してください。

<div id="chartdiv" style="height:400px;width:300px; "></div>

このページから取得)

これは私があなたのコードから得た第一印象です。コンテナを適切に定義していません。

それが誰かを助けることを願っています。

于 2013-07-25T21:04:11.527 に答える
0

いくつかの追加ポイント:

1:jqPlot Webサイトのように、必要なすべてのJSファイルとCSSファイルへのリンクを同じ順序で指定していることを確認してください。

2:FirebugConsoleをチェックインします。役立つ場合があります。

お役に立てれば。

ありがとう !

于 2016-10-26T12:13:46.417 に答える