0

jQuery Mobile アプリで jqPlot の使用を開始しようとしていますが、jqPlot サイトの例の 1 つが機能しないようです。私のコード:

var s1 = [2, 6, 7, 10];
var s2 = [7, 5, 3, 2];
var ticks = ['a', 'b', 'c', 'd'];

$.jqplot('chartdiv', [s1, s2], {
    seriesDefaults: {
        renderer:$.jqplot.BarRenderer,
        pointLabels: { show: true }
    },
    axes: {
        xaxis: {
            renderer: $.jqplot.CategoryAxisRenderer,
            ticks: ticks
        }
    }
});

このグラフを生成する必要があります。

正しいグラフ

代わりに、これを取得します：

私が見ているもの

x 軸のラベルがすべて、左下隅に重ねてレンダリングされていることに注目してください。グラフが正しく表示されない原因は何ですか?

4

3 に答える 3

5

私は同じ問題に苦労しました。いくつかのテストの後、実際にはカテゴリ軸レンダラー プラグインを含めていないことがわかりました。

それでも同じ問題が発生する場合は、それを含めてみてください。(プラグイン/jqplot.categoryAxisRenderer.min.js)

于 2012-10-03T18:07:16.340 に答える
0

これが発生するもう 1 つの理由は、スクリプトを HTML ファイルに間違った順序で追加した場合です。jquery を最初に含め、次に jqplot、最後にすべてのプラグインを含める必要があることに注意してください。

<script type="text/javascript" src="jqplot/jquery.min.js"></script>
<script type="text/javascript" src="jqplot/jquery.jqplot.min.js"></script>

<script type="text/javascript" src="jqplot/plugins/jqplot.barRenderer.min.js"></script>
<script type="text/javascript" src="jqplot/plugins/jqplot.categoryAxisRenderer.min.js></script>
<script type="text/javascript" src="jqplot/plugins/jqplot.pointLabels.min.js"></script>
于 2013-08-14T20:22:26.000 に答える