jqplot图表显示在彼此之上

时间:2013-07-31 09:51:15

标签: php jquery graph jqplot

我有一个用户填写的表单来显示报告,当提交报表时,报表基本上显示了一个表格,其中包含数据库中的任何值,每个表格下面都有一个图表。

所以问题是当报表包含许多表时,所有图表在第一个表之后都是彼此重叠的,并且您只能看到最后一个图,但我希望每个图都在其表之后。

当我使用phplot时,它工作得很完美,但我不知道这里有什么问题。 我甚至在div标签之间添加了“graph”这个词,只是为了测试所以:

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

我在每张桌子后面都得到了'graph'这个词,但是实际的图表都被卡在了一个地方。

知道如何解决这个问题吗?

这是制作图表的代码:

    < 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 >

0 个答案:

没有答案