用highchart制作了一个图表,把图表应用到系统上面结果报如下错误

排骨肥猫 发布于 2015/10/20 15:34
阅读 368
收藏 0
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title></title>
    
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">    
<meta http-equiv="keywords" content="">
<meta http-equiv="description" content="This is my page">


<script type="text/javascript"  src="../test/jquery-1.8.3.min.js"></script>
<style type="text/css">
${demo.css}
</style>
<script type="text/javascript">
$(function () {


    $('#container').highcharts({


        chart: {
            polar: true,
            type: 'line'
        },


        title: {
            text: 'Budget vs spending',
            x: -80
        },


        pane: {
            size: '80%'
        },


        xAxis: {
            categories: ['语文', '数学', '英语', '体育',
                    '自然', '社会'],
            tickmarkPlacement: 'on',
            lineWidth: 0
        },


        yAxis: {
            gridLineInterpolation: 'polygon',
            lineWidth: 0,
            min: 0
        },


        tooltip: {
            shared: true,
            pointFormat: '<span style="color:{series.color}">{series.name}: <b>${point.y:,.0f}</b><br/>'
        },


        legend: {
            align: 'right',
            verticalAlign: 'top',
            y: 70,
            layout: 'vertical'
        },


        series: [{
            name: '张三',
            data: [25, 30, 60, 100, 80, 90],
            pointPlacement: 'on'
        }]


    });
});
</script>
</head>  
  <body>
    <script src="../test/highcharts.js"  type="text/javascript"></script>
<script src="../test/highcharts-more.js"  type="text/javascript"></script>
<script src="../test/modules/exporting.js"  type="text/javascript"></script>
<div id="container" style="min-width: 400px; max-width: 600px; height: 400px; margin: 0 auto"></div>
  </body>
</html>

这是图表jsp

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@page import="cn.sinan.sbds.dao.impl.SchoolDaoImpl"%>
<%@page import="cn.sinan.sbds.dao.SchoolDao"%>
<%@page import="cn.sinan.sbds.bizz.impl.teacherBizzImpl"%>
<%@page import="cn.sinan.sbds.bizz.teacherBizz"%>
<%@page import="cn.sinan.sbds.vo.Teacher"%>
<%@page import="cn.sinan.sbds.vo.School"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>SBDS教育大数据系统</title>


<link type="text/css" href="<%=basePath %>/css/school/left-nav.css" rel="stylesheet" />
<link type="text/css" href="<%=basePath %>/css/school/footer.css" rel="stylesheet" />
<link type="text/css" href="<%=basePath %>/css/school/header.css" rel="stylesheet" />
<link type="text/css" href="<%=basePath %>/css/teacher/teacher_data.css" rel="stylesheet" />
<link type="text/css" href="<%=basePath%>/css/school/create_test.css" rel="stylesheet" />
<script type="text/javascript" src="<%=basePath%>/js/school/jquery.js"></script>
<script type="text/javascript" src="<%=basePath%>/js/school/student_infor.js"></script>
<style type="text/css">
.leftsidebar_box {height: 1700px;}
</style>
<script language="javascript">
function block(oEvent){
if(window.event){
oEvent=window.event;
oEvent.returnValue=false; //取消默认事件
}else
oEvent.preventDefault();//取消默认事件
}
document.oncontextmenu=block;
</script>

</head>


<body>
<div class="main">
  <!--内容部分开始-->
     <!--顶部导航开始-->
      <jsp:include page="/WEB-INF/jsp/common/header.jsp"></jsp:include>
     <!-- 顶部结束 -->
     <!-- 导航开始 -->
      <jsp:include page="/WEB-INF/jsp/common/top_nav.jsp"></jsp:include>
     <!--导航结束-->
<!--左侧导航开始-->
      <jsp:include page="/WEB-INF/jsp/school/left_nav.jsp"></jsp:include>
     <!--左侧导航结束-->
<!--内容开始-->
 <div class="shop" style="height:1500px; width:100%; margin-left:160px;">    
    <div class="classteacherdata_subjectsdata">
       <div class="classteacherdata_subjectsdata_title">学生数据</div>
       <div class="nianji">
  <ul id="nj"><b>年级:</b>
     <dd style="background-color: #09f; color: #fff;" onclick="NjClick(this)">高中一年级</dd>
 <dd onclick="NjClick(this)">高中二年级</dd>
 <dd onclick="NjClick(this)">高中三年级</dd>
  </ul>
</div>
<div class="banji">
  <b>班级:</b>
  <ul id="bj">
     <li style="background-color: #09f; color: #fff;" onclick="BjClick(this)">1班</li>
 <li onclick="BjClick(this)">2班</li>
 <li onclick="BjClick(this)">3班</li>
 <li onclick="BjClick(this)">4班</li>
 <li onclick="BjClick(this)">5班</li>
 <li onclick="BjClick(this)">6班</li>
 <li onclick="BjClick(this)">7班</li>
 <li onclick="BjClick(this)">8班</li>
 <li onclick="BjClick(this)">9班</li>
 <li onclick="BjClick(this)">10班</li>
 <li onclick="BjClick(this)">11班</li>
 <li onclick="BjClick(this)">12班</li>
 <li onclick="BjClick(this)">13班</li>
 <li onclick="BjClick(this)">14班</li>
 <li onclick="BjClick(this)">15班</li>
 <li onclick="BjClick(this)">16班</li>
 <li onclick="BjClick(this)">17班</li>
  </ul>
    </div>       
    </div>
    <div class="data_map1">
         <iframe  width="1060"  height="500"  src="<%=basePath %>WebRoot/doc/example/data1.jsp" ></iframe>      
   </div>
    <div class="classteacherdata_studentdata">
       <table>
          <tr>
             <th>姓名</th>
             <td>年级</td>
             <td>班级</td>
             <td>总分</td>
             <td>班排名</td>
             <td>年级排名</td>
             <td>市排名</td>
             <td style="border-right: none;">考试时间</td>
          </tr>
          <tr>
             <th style="border-right: none;"><a href="">张三</a></th> 
             <td style="border-right: none;">高中一年级</td>
             <td style="border-right: none;">5班</td>
             <td style="border-right: none;">680<sub><img src="<%=basePath %>images/shangsheng.png"/>10分</sub></td>
             <td style="border-right: none;">1<sub><img src="<%=basePath %>images/shangsheng.png"/>2名</sub></td>
             <td style="border-right: none;">3<sub><img src="<%=basePath %>images/xiajiang.png"/>1名</sub></td>
             <td style="border-right: none;">27<sub><img src="<%=basePath %>images/xiajiang.png"/>6名</sub></td>
             <td style="border-right: none;">2015.09.30</td>
          </tr>
               <tr>
             <th style="border-right: none;"><a href="">张三</a></th>
             <td style="border-right: none;">高中三年级</td>
             <td style="border-right: none;">2班</td> 
             <td style="border-right: none;">670<sub><img src="<%=basePath %>images/shangsheng.png"/>10分</sub></td>
             <td style="border-right: none;">3<sub><img src="<%=basePath %>images/shangsheng.png"/>2名</sub></td>
             <td style="border-right: none;">13<sub><img src="<%=basePath %>images/xiajiang.png"/>1名</sub></td>
             <td style="border-right: none;">46<sub><img src="<%=basePath %>images/xiajiang.png"/>6名</sub></td>
             <td style="border-right: none;">2015.09.30</td>
          </tr>
          <tr>
             <th style="border-right: none;"><a href="">张三</a></th>
             <td style="border-right: none;">高中二年级</td>
             <td style="border-right: none;">2班</td> 
             <td style="border-right: none;">670<sub><img src="<%=basePath %>images/shangsheng.png"/>10分</sub></td>
             <td style="border-right: none;">3<sub><img src="<%=basePath %>images/shangsheng.png"/>2名</sub></td>
             <td style="border-right: none;">13<sub><img src="<%=basePath %>images/xiajiang.png"/>1名</sub></td>
             <td style="border-right: none;">46<sub><img src="<%=basePath %>images/xiajiang.png"/>6名</sub></td>
             <td style="border-right: none;">2015.09.30</td>
          </tr>
          <tr>
             <th style="border-right: none;"><a href="">张三</a></th> 
             <td style="border-right: none;">高中三年级</td>
             <td style="border-right: none;">1班</td>
             <td style="border-right: none;">670<sub><img src="<%=basePath %>images/shangsheng.png"/>10分</sub></td>
             <td style="border-right: none;">3<sub><img src="<%=basePath %>images/shangsheng.png"/>2名</sub></td>
             <td style="border-right: none;">13<sub><img src="<%=basePath %>images/xiajiang.png"/>1名</sub></td>
             <td style="border-right: none;">46<sub><img src="<%=basePath %>images/xiajiang.png"/>6名</sub></td>
             <td style="border-right: none;">2015.09.30</td>
          </tr>
          <tr>
             <th style="border-right: none;"><a href="">张三</a></th> 
             <td style="border-right: none;">高中三年级</td>
             <td style="border-right: none;">7班</td>
             <td style="border-right: none;">670<sub><img src="<%=basePath %>images/shangsheng.png"/>10分</sub></td>
             <td style="border-right: none;">3<sub><img src="<%=basePath %>images/shangsheng.png"/>2名</sub></td>
             <td style="border-right: none;">13<sub><img src="<%=basePath %>images/xiajiang.png"/>1名</sub></td>
             <td style="border-right: none;">46<sub><img src="<%=basePath %>images/xiajiang.png"/>6名</sub></td>
             <td style="border-right: none;">2015.09.30</td>
          </tr>
          <tr>
             <th style="border-right: none;"><a href="">张三</a></th>
             <td style="border-right: none;">高中二年级</td>
             <td style="border-right: none;">2班</td> 
             <td style="border-right: none;">670<sub><img src="<%=basePath %>images/shangsheng.png"/>10分</sub></td>
             <td style="border-right: none;">3<sub><img src="<%=basePath %>images/shangsheng.png"/>2名</sub></td>
             <td style="border-right: none;">13<sub><img src="<%=basePath %>images/xiajiang.png"/>1名</sub></td>
             <td style="border-right: none;">46<sub><img src="<%=basePath %>images/xiajiang.png"/>6名</sub></td>
             <td style="border-right: none;">2015.09.30</td>
          </tr>
          <tr>
             <th style="border-right: none;"><a href="">张三</a></th> 
             <td style="border-right: none;">高中一年级</td>
             <td style="border-right: none;">2班</td>
             <td style="border-right: none;">670<sub><img src="<%=basePath %>images/shangsheng.png"/>10分</sub></td>
             <td style="border-right: none;">3<sub><img src="<%=basePath %>images/shangsheng.png"/>2名</sub></td>
             <td style="border-right: none;">13<sub><img src="<%=basePath %>images/xiajiang.png"/>1名</sub></td>
             <td style="border-right: none;">46<sub><img src="<%=basePath %>images/xiajiang.png"/>6名</sub></td>
             <td style="border-right: none;">2015.09.30</td>
          </tr>
          <tr>
             <th style="border-right: none;"><a href="">张三</a></th> 
             <td style="border-right: none;">高中一年级</td>
             <td style="border-right: none;">2班</td>
             <td style="border-right: none;">670<sub><img src="<%=basePath %>images/shangsheng.png"/>10分</sub></td>
             <td style="border-right: none;">3<sub><img src="<%=basePath %>images/shangsheng.png"/>2名</sub></td>
             <td style="border-right: none;">13<sub><img src="<%=basePath %>images/xiajiang.png"/>1名</sub></td>
             <td style="border-right: none;">46<sub><img src="<%=basePath %>images/xiajiang.png"/>6名</sub></td>
             <td style="border-right: none;">2015.09.30</td>
          </tr>
          <tr>
             <th style="border-right: none;"><a href="">张三</a></th> 
             <td style="border-right: none;">高中一年级</td>
             <td style="border-right: none;">2班</td>
             <td style="border-right: none;">670<sub><img src="<%=basePath %>images/shangsheng.png"/>10分</sub></td>
             <td style="border-right: none;">3<sub><img src="<%=basePath %>images/shangsheng.png"/>2名</sub></td>
             <td style="border-right: none;">13<sub><img src="<%=basePath %>images/xiajiang.png"/>1名</sub></td>
             <td style="border-right: none;">46<sub><img src="<%=basePath %>images/xiajiang.png"/>6名</sub></td>
             <td style="border-right: none;">2015.09.30</td>
          </tr>
          <tr>
             <th style="border-right: none;"><a href="">张三</a></th> 
             <td style="border-right: none;">高中二年级</td>
             <td style="border-right: none;">2班</td>
             <td style="border-right: none;">670<sub><img src="<%=basePath %>images/shangsheng.png"/>10分</sub></td>
             <td style="border-right: none;">3<sub><img src="<%=basePath %>images/shangsheng.png"/>2名</sub></td>
             <td style="border-right: none;">13<sub><img src="<%=basePath %>images/xiajiang.png"/>1名</sub></td>
             <td style="border-right: none;">46<sub><img src="<%=basePath %>images/xiajiang.png"/>6名</sub></td>
             <td style="border-right: none;">2015.09.30</td>
          </tr>
       </table>
    </div>
 </div>
<!--内容结束-->
<!--底部开始-->
      <jsp:include page="/WEB-INF/jsp/common/footer.jsp"></jsp:include>
     <!--底部结束-->
  <!--内容部分结束-->
</div>


</body>
</html>

这个是调用图表jsp的应用页面

<div class="data_map1">
         <iframe  width="1060"  height="500"  src="<%=basePath %>WebRoot/doc/example/data1.jsp" ></iframe>      
   </div>
这个是调用div

页面显示报错如图:

求大神解决,急用

加载中
0
顺其自然001
顺其自然001
${point.y:,.0f}这个解析失败啊。。
顺其自然001
顺其自然001
回复 @排骨肥猫 : 不用客气
排骨肥猫
已经解决了,谢谢大哥
返回顶部
顶部