3

我正在尝试将 jqPlot 用于条形图，但我无法让它显示任何内容。

我已经包含了 jqPlot 代码和所有插件。我没有收到任何错误

我直接复制了示例代码：

html:

<div id="jqplot" class="plot">

</div>

Javascript：

"use strict";
(function ($){

        $.jqplot('jqplot',  [[[1, 2],[3,5.12],[5,13.1],[7,33.6],[9,85.9],[11,219.9]]]);

})(jQuery);

它将类 'jqplot-target' 添加到 'jqplot' div，因此 javascript 必须正常工作，但它没有向 div 添加画布/图表，它只显示一个带有添加类的空 div。

任何想法为什么这不是渲染？

我也在使用 html5boilerplate，但我找不到他们两个的任何已知问题。

谢谢，

托马斯

4

4 回答 4

5

我发现了问题。我将 jqplot 位于内部的主容器 div 设置为 display:none 在页面加载时，一旦单击“输入”按钮，就会显示 .fadeIn()

我想它不能在父显示时添加画布：无；- 我已经通过在用户单击输入后在主容器中淡入的函数中调用 $.jqplot 来使其工作......

于 2012-08-03T20:37:40.253 回答
2

你能展示你的 CSS 对“情节”类做了什么吗？jqPlot使用页面说您需要确保将宽度和高度添加到绘图目标。

于 2011-11-29T22:21:38.867 回答
0

当您单击按钮时，在生成的图表上使用重新绘制功能。

// create your chart
var plot1 = $.jqplot(...);

// hook the button press
$("button#enter").on("click", function(){
    // fade your tab in, wait for it to complete,
    $(".tab").fadeIn(1000, function(){
        // then replot, if not already drawn
        if(!plot1._drawCount){
            plot1.replot();
        }
    });
});

http://www.jqplot.com/deploy/dist/examples/hiddenPlotsInTabs.html

于 2013-09-19T09:10:15.600 回答
0

我之前遇到过这个问题，由于某种原因，下面的 jqplot 代码不起作用：

$(document).ready(function () {
    $.jqplot('chart1', [[[1, 2], [3, 5.12], [5, 13.1], [7, 33.6], [9, 85.9], [11, 219.9]]]);
}

但是，当我将 $(document).ready(function{...} 切换到 jQuery(function ($){..} 时，jqplot 代码可以正常工作。

jQuery(function ($) {
    $.jqplot('chart1', [[[1, 2], [3, 5.12], [5, 13.1], [7, 33.6], [9, 85.9], [11, 219.9]]]);
}
于 2014-06-03T13:34:33.247 回答