Question

由于某种原因，标题将移动以为图形腾出空间，看起来它上面有一个图形，但图形本身没有显示。我不知道为什么会这样，jqplot网站说这个特殊的例子不需要插件。

<!doctype html>
<html>
<head>

<title>PJQuery Chart</title>


<script type = "text/javascript" src = "javascripts/jquery-1.11.2.min.js"> 
<script type="text/javascript" src="jqplot/jqplot/src/plugins/jqplot.canvasTextRenderer.min.js"></script>                                                                                                                        
</script>
<script type="text/javascript" src="jqplot/jqplot/src/plugins/jqplot.canvasAxisLabelRenderer.min.js"></script>
<script type = "text/javascript">

$(document).ready(function(){

var plot1 = $.jqplot ("chart1", [[3,7,9,1,4,6,8,2,5]]);
});

</script>

</head>

<body>
<div id = "chart1"style = "margin-top:20px; margin-left:20px; width:300px;          
height:300px;"></div>

<h1>This is a Heading</h1>

<p>This is a paragraph.</p>

</body>
</html>

Answer 1

我通过你的代码。

您尚未包含主jqPlot JS文件 - jquery.jqplot.min.js（或jquery.jqplot.js）

此外，您在结束<script>标记时遇到了一些错误。第一个<script>代码没有结束标记（<\script>）

确保<script>标记的src路径正确，并且文件存在于那里。

对我来说这很有用，

<!doctype html>
<html>
<head>

<title>PJQuery Chart</title>

<script type = "text/javascript" src = "dist/jquery.min.js"></script>
<script type="text/javascript" src="dist/jquery.jqplot.min.js"></script><!--You have not included this file-->
<script type="text/javascript" src="dist/plugins/jqplot.canvasTextRenderer.min.js"></script>
<script type="text/javascript" src="dist/plugins/jqplot.canvasAxisLabelRenderer.min.js"></script>

<script type = "text/javascript">

//Code..
$(document).ready(function(){
    var plot1 = $.jqplot ("chart1", [[3,7,9,1,4,6,8,2,5]]);
});

</script>

</head>

<body>
    <div id="chart1" style="margin-top:20px; margin-left:20px; width:300px; height:300px;"></div>

    <h1>This is a Heading</h1>
    <p>This is a paragraph.</p>
</body>
</html>

另外，请确保先包含jquery.jqplot.min.js，然后再包含插件文件（或任何其他jqPlot文件）

希望它有所帮助。

简单的jqPlot显示空白

1 个答案: