highcharts调用时报错 400 请求报错 -问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

highcharts调用时报错 400 请求报错 

2020-05-28 16:06:38 263 1

在使用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>

取消 提交回答
全部回答(1)
  • kun坤
    2020-05-29 13:06:48

    <script type="text/javascript" src="<%=path %>/scripts/jjs/highcharts.js"></script> jjs?######非常感谢,是写错路径了

    ######Highcharts新版下载

    0 0
相关问答

1

回答

echarts 数据库没有数据时候报错 ?报错

2020-06-23 15:50:31 250浏览量 回答数 1

1

回答

mysql 查询效率 400 请求报错

2020-05-30 22:47:07 294浏览量 回答数 1

1

回答

echarts 自适应?报错

2020-06-08 11:25:33 418浏览量 回答数 1

1

回答

echarts地图扩展的HK示例代码出错,请教大神? 400 报错

2020-06-04 16:57:19 514浏览量 回答数 1

1

回答

echarts地图扩展的HK示例代码出错,请教大神? 400 报错

2020-06-01 14:50:16 259浏览量 回答数 1

1

回答

echarts地图扩展的HK示例代码出错,请教大神? 400请求出错

2020-05-29 13:11:21 337浏览量 回答数 1

1

回答

域名请求DNS解析很慢 怎么办 400 请求报错 

2020-05-29 09:52:20 487浏览量 回答数 1

1

回答

echarts地图扩展的HK示例代码出错,请教大神? 400 报错

2020-05-29 16:32:41 229浏览量 回答数 1

1

回答

H5如何唤起微信 400 请求报错 

2020-05-29 17:19:51 437浏览量 回答数 1

1

回答

highcharts 下钻生成堆叠图?

2016-06-02 14:43:34 2509浏览量 回答数 1
+关注
0
文章
13395
问答
问答排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载