Jqplot功能不起作用

时间:2014-01-31 12:32:50

标签: javascript jquery jqplot

有以下html文件

<!doctype html>
<html> 
<head>

<script language="javascript"  type="text/javascript" src="C:\Program Files\Apache Software Foundation\Tomcat 6.0\webapps\ROOT\hana\plugins\jquery.min.js"></script>
<script language="javascript" type="text/javascript" src="C:\Program Files\Apache Software Foundation\Tomcat 6.0\webapps\ROOT\hana\plugins\jquery.jqplot.min.js"></script>
   <link rel="stylesheet" type="text/css" href="C:\Program Files\Apache Software Foundation\Tomcat 6.0\webapps\ROOT\hana\plugins\jquery.jqplot.css" /> 

<script language="javascript" type="text/javascript" src="C:\Program Files\Apache Software Foundation\Tomcat 6.0\webapps\ROOT\hana\plugins\jqplot.barRenderer.min.js"></script>
<script language="javascript" type="text/javascript" src="C:\Program Files\Apache Software Foundation\Tomcat 6.0\webapps\ROOT\hana\plugins\jqplot.categoryAxisRenderer.min.js"></script>
<script language="javascript" type="text/javascript" src="C:\Program Files\Apache Software Foundation\Tomcat 6.0\webapps\ROOT\hana\plugins\jqplot.pointLabels.min.js"></script>

</head>
<body>

<div data-role = "page" id="chart_page">

  <script src = "http://X.X.X.X:8080/hana/show.js"></script>

<div data-role= "header"><h1>Opportunity Graph</h1></div>

<a data-role="button" id="barchart" data-inline="true">Bar Graph</a>

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

</div> <!-- Page end -->


</body>

</html>

和单击事件上的简单show.js文件

$.jqplot('chartdiv1',  [[[1, 2],[3,5.12],[5,13.1],[7,33.6],[9,85.9],[11,219.9]]]);

但是我收到了错误 未捕获TypeError:对象函数(e,t){return new v.fn.init(e,t,n)}没有方法'jqplot'

你可以帮我解决这个问题吗?我也尝试检查这个link的第一个代码,但它也给出了错误“未捕获的TypeError:无法读取未定义的属性'BarRenderer'

帮助!

1 个答案:

答案 0 :(得分:1)

尝试替换脚本位置...

“C:\ Program Files \ Apache Software Foundation”之类的路径不适用于html页面。您的脚本可能在“C:...”中,但您的Apache服务器无法识别它。尝试使用像“/hana\plugins \ _jquery.min.js”这样的相对网址。

阅读本文以获取更多信息:http://www.w3schools.com/tags/att_script_src.asp