Question

我试图用jqplot直观地显示我的数据，它在我的页面中没有任何问题，但，当我在document.ready（）中调用它时，它再也不起作用了。所以问题与cource的$（document）.ready（function（）{}有关。

是否有人可以enter code here帮助我吗？

＆＃13;

<div id="chartdiv" style="height: 400px; width: 500px;"></div>
<div id="chartdiv2" style="height: 400px; width: 500px;"></div>
<div id="chartdiv3" style="height: 400px; width: 500px;"></div>

<!-- Scripts JS  -->
<script src="~/Scripts/jquery-3.1.1.min.js"></script>
<script src="~/Scripts/jqPlot/jquery.jqplot.min.js"></script>
<script src="~/Scripts/jqPlot/plugins/jqplot.pieRenderer.min.js"></script>

<!-- CSS  -->
<link href="~/Scripts/jqPlot/jquery.jqplot.min.css" rel="stylesheet" />

<script>
//It works well

    $.jqplot('chartdiv', [[[1, 2], [3, 5.12], [5, 13.1], [7, 33.6], [9, 85.9], [11, 219.9]]]);
    
 //It not work
    $(document).ready(function () {           

        $.jqplot('chartdiv3', [[[1, 2], [3, 5.12], [5, 13.1], [7, 33.6], [9, 85.9], [11, 219.9]]]);
       
    });
  

</script>

＆＃13;

Answer 1

图表已创建，问题出在您的CSS上。在div上设置相对位置可以解决问题。请参阅我的小提琴以获得理由。

<div id="chartdiv3" style="height: 400px; width: 500px; position: relative;"></div>

https://jsfiddle.net/4v0ueohc/

Fiddle基于JQPlot 1.0.9和JQuery 3.2.1。

为什么jqplot没有在document.ready上工作

1 个答案: