jqplot不在jquery页面中显示

Question

我正在使用jqmobile页面在html5应用程序的页面之间切换。一页包含jqplot图表。

这是我的代码：

<div data-role="page" id="page-two" data-title="Page 2">
            <div id="chart1" style="height:100%;width:100%;"></div>
        </div>




// javascript
$(document).delegate("#page-two", "pageshow", function() {

                             var plot2 = $.jqplot ('chart1', [[3,7,9,1,4,6,8,2,5]], {
                                                   // Give the plot a title.
                                                   title: 'Plot With Options',

                                                   axesDefaults: {
                                                   labelRenderer: $.jqplot.CanvasAxisLabelRenderer
                                                   },

                                                   axes: {
                                                   xaxis: {
                                                   label: "X Axis",

                                                   pad: 0
                                                   },
                                                   yaxis: {
                                                   label: "Y Axis"
                                                   }
                                                   }
                                                   });
                             });

看起来图表有点呈现......这是页面的图片

图表具有正确的数据输入，因为它在我在另一页上测试时有效。我无法从图表本身的高度和宽度属性更改该空白区域的高度或宽度。我也有所有正确的javascript文件。

有谁知道发生了什么事？

Answer 1

确保包含jqplot.canvasAxisLabelRenderer.min.js。

Answer 2

我解决了这个问题......看起来这对我来说是一个愚蠢的错误。

Jquery .js文件必须在标题中的jqplot .js文件之前出现！