我试图得到一个简单的jqplot示例,但它不会显示,为什么不呢?

时间:2010-06-13 20:53:21

标签: javascript jquery html jqplot

以下是文件的全部内容:

<html>
 <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>jqPlot Examples</title>

    <!--[if IE]><script language="javascript" type="text/javascript" src="excanvas.js"></script><![endif]-->
    <script language="javascript" type="text/javascript" src="../jqtouch-1_0_b/jqtouch/jquery.1.3.2.min.js"></script>
    <script language="javascript" type="text/javascript" src="../javascript/jquery.jqplot.min.js"></script>
    <link rel="stylesheet" type="text/css" href="../javascript/jquery.jqplot.css" />
 </head>
    <body>
    <h1>jqPlot Examples</h1>

    <script id="source" language="javascript" type="text/javascript">
        $.jqplot('chartdiv',  [[[1, 2],[3,5.12],[5,13.1],[7,33.6],[9,85.9],[11,219.9]]]);
    </script>

div<br>
   <div id="chartdiv" style="height:400px;width:300px; "></div>
div<br>


 </body>
</html>
<html>

以下是我在FF,Chrome,IE中看到的内容:

jqPlot示例

DIV

DIV

我在Apache错误日志中看到没有错误。我知道所有.js文件都可以从html访问。有没有人知道为什么这可能不起作用?

3 个答案:

答案 0 :(得分:5)

用这段代码替换你的绘图脚本,看看。

<SCRIPT LANGUAGE="JavaScript">
 $(function() { var plot1 = $.jqplot('chartdiv',  [[[1,2],[3,5.12],[5,13.1],[7,33.6],[9,85.9],[11,219.9]]]); })

</SCRIPT>

还要检查您的.js文件是否在适当的位置。

答案 1 :(得分:4)

jqPlot message board获得答案。

div必须在致电jqPlot之前。我想这很有道理但我却看不到它。我的菜鸟颜色显示....

答案 2 :(得分:0)

使用以下链接路径

<link rel="stylesheet" type="text/css" href="http://cdn.jsdelivr.net/jqplot/1.0.8/jquery.jqplot.min.css" />