爲什麼jqplot不工作的document.ready

我試圖用jqplot直觀地顯示我的數據，它的工作在我的網頁沒有任何問題，但，當我調用它的document.ready（），它不再工作了。所以問題是關係到$（文件）。就緒（函數（）五言的{}。爲什麼jqplot不工作的document.ready

是否有任何人，可以幫助enter code here我一下嗎？

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

來源

2017-08-01 Niloofar

創建圖表，問題出在你的CSS上，在你的div上設置相對位置可以解決問題，參見我的小提琴對齊方式

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

https://jsfiddle.net/4v0ueohc/

小提琴基於JQPlot 1.0.9和JQuery 3.2.1。

來源

2017-08-01 13:44:28 Adriani6

感謝您的回覆，我看到您的小提琴，它運作良好，但我在我自己的項目中改變了立場，沒有回覆。我完全相信document.ready有一些問題，但我不知道是什麼.... – Niloofar

@Niloofar如果您使用.NET框架，可能有利於使用CTRL + F5來重新加載視圖（如果兌現）。 – Adriani6

是的我使用.net框架，但我刷新頁面（Ctrl + F5） – Niloofar

爲什麼jqplot不工作的document.ready

回答

相關問題