Highcharts error #16: www.highcharts.com/errors/16应该怎么解决

highcharts error #16:项目用的highcharts,第一次刷新正常,第二次就出来这个错

一、问题

项目某一个页面用的highcharts用来显示一张图表,第一次刷新正常,第二次就出来这个错。

二、解决问题过程

在网上找了很多同样是这个错误的解决方案。
    第一:加载了highstock.js然后又加载了highcharts.js 重复加载了,如果你正在组合图表和stockchart,你只需要加载highstock.js文件。然而,正在做的项目中并不是重复加载了两个文件的问题,只是加载了一个highcharts.js。
    第二:把引在二级页面单页面中的highchartsjs文件换到了主页面引用。这个好多网友都说可以解决,在项目中试了一次,还是不能解决。
    最后:就开始看问题的根本。一个网友提供的答案:多次加载二级页面时造成highcharts的多次加载造成的命名空间的占用(链接:http://www.cnblogs.com/guzhouyuanying/p/6340220.html)。

三、解决方法

上面解决过程是网上的参考:而下面这个才是自己的实际操作

在登录index.jsp页面引入highecharts.js所有相关js

<script type="text/javascript" src="${ctx}/js/highcharts/highcharts.js"></script>
<script type="text/javascript" src="${ctx}/js/highcharts/highcharts-more.js"></script>
<script type="text/javascript" src="${ctx}/js/highcharts/highcharts-3d.js"></script>

再创建echarts展示页面, 在这个二级页面,只让highcharts.js这个js文件加载一次,做一个单例。页面加载之前加入以下js

<script>
 if (!$.fn.highcharts) {
        var script = document.createElement("script");
        script.type = "text/javascript";
        script.src = "${ctx}/js/highcharts/highcharts.js";
        document.body.appendChild(script);
    }
    </script>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值