javascript - 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 文件之前！