3
回答
highcharts调用时报错
科大讯飞通用文字识别100000次/天免费使用。立即申请   

在使用Highcharts过程中调用 new Highcharts.Chart创建chart时出错,报错信息是Highcharts未定义,我检察了一下导入的JS,在示例中也是那么导入的,下面是我的页面中导入的JS:

<script type="text/javascript" src="<%=path %>/scripts/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="<%=path %>/scripts/jquery-1.3.2.js"></script>
<script type="text/javascript" src="<%=path %>/scripts/jjs/highcharts.js"></script>

报错信息是Highcharts,代码如下,请高手帮忙分析原因:

<%@ 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>
  <script type="text/javascript" src="<%=path %>/scripts/jquery-1.3.2.min.js"></script>
  <script type="text/javascript" src="<%=path %>/scripts/jquery-1.3.2.js"></script>
  <script type="text/javascript" src="<%=path %>/scripts/jjs/highcharts.js"></script>
    <script type="text/javascript">
    var chart1option = {
    chart: {
renderTo: 'sysThreadChart'//画到id为sysThreadChart的div容器里
    },
    credits : {
enabled:false
    },
    title: {
text: 'Date Time Axis Test',
style: {
    margin: '10px 100px 0 0' // center it
}
    },
    xAxis: {
type:"datetime",//时间轴要加上这个type,默认是linear
maxPadding : 0.05,
minPadding : 0.05,
//tickInterval : 24 * 3600 * 1000 * 2,//两天画一个x刻度
//或者150px画一个x刻度,如果跟上面那个一起设置了,则以最大的间隔为准
tickPixelInterval : 150,
tickWidth:5,//刻度的宽度
lineColor : '#990000',//自定义刻度颜色
lineWidth :3,//自定义x轴宽度
gridLineWidth :1,//默认是0,即在图上没有纵轴间隔线
//自定义x刻度上显示的时间格式,根据间隔大小,以下面预设的小时/分钟/日的格式来显示
dateTimeLabelFormats:
{
    second: '%H:%M:%S',
    minute: '%e. %b %H:%M',
    hour: '%b/%e %H:%M',
    day: '%e日/%b',
    week: '%e. %b',
    month: '%b %y',
    year: '%Y'
}
    },

    //经测试,不能把时间值放到categories里,必须放到series的data里面去
    //这样是不行的:categories:[1274457600000,1274544000000,1274630400000]
    //时间单位是毫秒,Unix时间戳乘上1000

    series:[{
    data:
    [
[1274457600000, 1200],
[1274544000000, 1300],
[1274630400000, 1250],
[1274803200000,1350]
    ]
    }]
};

    $(document).ready(function() {
//真正的画图是这句
chart1= new Highcharts.Chart(chart1option);
    });
    </script>
  </head>
  
  <body>
    <div id="sysThreadChart"></div>
  </body>
</html>

举报
赵国鑫
发帖于7年前 3回/2K+阅
顶部