第一次刷新正常,第二次空白页 highcharts error #16:

本文主要讲述制作Highcharts图表时,第一次正常显示,第二次为空白页的问题。通过F12查看控制台发现问题,在优快云查找解决方法,测试了让highcharts.js只加载一次的方法未成功,最终通过去掉嵌套子页面的Highcharts.js,仅留主页面引用解决,原因是命名空间重复。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一、问题描述
制作一张highcharts的图表,第一次正常显示,第二次是空白页
F12查看控制台发现问题如下:
问题
二、解决过程
在csdn上查找原因发现解决的方法大致分为两种:
方法一(测试过,但是没有解决我的问题)
在二级页面,只让highcharts.js这个js文件加载一次,做一个单例。

if (!$.fn.highcharts) {
    var script = document.createElement("script");
    script.type = "text/javascript";
    script.src = "${assetPath(src: 'js/plugins/layer/HighCharts/highcharts.js')}";
    document.body.appendChild(script);
}

方法二(我成功的方法)
将嵌套子页面的Highcharts.js去掉,只留主页面的引用。
三、分析:
Highcharts error #16就是因为Highcharts 重复定义,这个错误发生的原因是在 Highcharts 的命名空间重复。

而 Highcharts 的命名空间其实就存在于我们用 Highcharts 时引用的Highcharts.js文件。

我做的highcharts图表在左侧边栏打开的右边的页面按钮中弹出的小窗口中,我测试给右边的页面增加highcharts的引用,但是不起作用,最终是在index的主页面添加highcharts的引用解决的问题

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

hello_world_1996

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值