JqPlot - 不顯示簡單圖

我對Javascrip/Jquery/Jqplot真的很陌生，我試圖自己學習。然後我有一些問題，這段代碼是否足以顯示一個簡單的圖？因爲它不工作，它顯示一個空白頁面。JqPlot - 不顯示簡單圖

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
<title>Test</title> 
<link rel="stylesheet" type="text/css" href="css/jquery.jqplot.css" /> 

<script language="javascript" type="text/javascript" src="js/jqplot.canvasTextRenderer.min.js"></script> 
<script language="javascript" type="text/javascript" src="js/jqplot.canvasAxisLabelRenderer.min.js"></script> 
<script language="javascript" type="text/javascript" src="js/jquery-1.4.2.min.js"></script> 
<script language="javascript" type="text/javascript" src="js/jquery.jqplot.js"></script> 
<script language="javascript" type="text/javascript" src="js/jqplot.dateAxisRenderer.js"></script> 
<script language="javascript" type="text/javascript" src="js/jqplot.categoryAxisRenderer.js"></script> 
<script language="javascript" type="text/javascript" src="js/jqplot.ohlcRenderer.js"></script> 
<script language="javascript" type="text/javascript" src="js/jqplot.highlighter.js"></script> 
<script language="javascript" type="text/javascript" src="js/jqplot.cursor.js"></script> 
<script language="javascript" type="text/javascript" src="js/customCandlestick.js"></script> 

<script type="text/javascript"> 
$(document).ready(function(){ 
     document.write("<p>It works!!!</p>"); 
     var plot1 = $.jqplot ('chart1', [[3,7,9,1,4,6,8,2,5]]); 
    }); 
</script> 

</head> 
<body> 
<div id="chart1"></div> 
</body> 
</html>

來源

2013-07-16 Rikkin

我用這個庫也爲一個項目，它真的很不錯！我只是確認您發佈它的例子，我發現它是什麼導致你的錯誤，你只需要改變文檔.write句子，如果使用例如console.log函數，它將起作用。

ex。

$(document).ready(function(){ 
     console.log("It works!!!"); 
     var plot1 = $.jqplot ('chart1', [[3,7,9,1,4,6,8,2,5]]); 
    });

另一件事重要的是，這個庫使用jQuery的，所以你需要引用jqplot的所有js文件jQuery的參考之後避免的JQuery沒有定義的錯誤。

我希望它有幫助！

來源

2013-07-16 14:31:30 jfplataroti

您需要刪除

document.write('<p>It works!!!</p>');

或由您已經mentionned什麼用

document.write('<p>It works!!!</p><div id="chart1"></div>');

你文件撰寫語句替換HTML頁面的主體部分替換它（這裏「 < p>它的工作原理！</p>）。

因此，您的html頁面不再包含任何帶「chart1」id的div。正如您指定jqplot在「chart1」標識的div中繪製圖形（並且document.write語句已將其擦除），這是一種不能看到圖形的正常行爲。

PS：包含所有關閉jqplot插件繪製圖形不是強制性的。如果它不會變得更復雜，我建議你只包含「css/jquery.jqplot.css」和「js/jquery.jqplot.js」。對於更復雜的圖形，只包含必要的插件（例如，如果需要使用日期軸，則使用「js/jqplot.dateAxisRenderer.js」）。

編輯

請參閱工作的jsfiddle here，嘗試用兩個「文件撰寫」行來打（試評，並取消其註釋）。

來源

2013-07-17 05:31:53 AnthonyLeGovic

JqPlot - 不顯示簡單圖

回答

相關問題