php - jqplot グラフが重ねて表示される

Question

ユーザーがレポートを表示するために入力するフォームがあり、レポートを送信すると、基本的にデータベースからの値を含むテーブルが表示され、各テーブルにはその下にグラフがあります。

問題は、レポートに多くのテーブルが含まれていて、すべてのグラフが最初のテーブルの後に重なり合っていて、最後のグラフしか表示されない場合ですが、各グラフをそのテーブルの後に配置したい場合です。

私がphplotを使用していたときは完璧に機能しましたが、ここで何が問題なのかわかりません。テストのために、divタグの間に「グラフ」という単語を追加しました。

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

各テーブルの後に「グラフ」という単語が表示されますが、実際のグラフはすべて1か所に詰まっています。

これを修正する方法はありますか？

グラフを作成するための私のコードは次のとおりです。

    < script type = "text/javascript" >
    $(document).ready(function ()
    {
        var line1 =  <  ? php echo json_encode($data, JSON_NUMERIC_CHECK);
         ?  >
        var plot1 = $.jqplot('chart1', [line1],
            {
                title : 'Daily usage from <?php echo $dateStart;?> to <?php echo $dateEnd;?>',
                axesDefaults :
                {
                    pad : 0
                },
                axes :
                {
                    xaxis :
                    {
                        renderer : $.jqplot.DateAxisRenderer,
                        tickInterval : '1 day',
                        tickOptions :
                        {
                            angle : -30,
                            fontsize : '6pt',
                            formatString : '%d'
                        }
                    }
                },
                cursor :
                {
                    show : true,
                    zoom : true,
                    showTooltip : false
                },
                highlighter :
                {
                    show : true,
                    sizeAjust : 7.5
                }
            }
            );

    }
    );
<  / script >