highcharts error #16

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了highcharts error #16相关的知识,希望对你有一定的参考价值。

项目中使用了饼状图、柱状图等内容,于是引用了highcharts图形插件,页面作为二级页面通过菜单加载。调试时发现当第一次加载时页面正常加载,第二次点击菜单加载报错highcharts error #16,网上查的结果是:

这个错误发生的第二次highcharts或highstock装在同一页面,因此highcharts命名空间已经定义。记住,highcharts的构造函数,所有功能都包含在highstockhighcharts所以如果你正在组合图表stockchart只需要加载highstock.js文件;

检查发现并不存在这种情况,项目中只引用了highcharts.js文件,也没有重复引用,网上的各种解决办法都不奏效。

最终解决也是无意中的事情,整理页面内容时把引在二级页面单页面中的highchartsjs文件换到了主页面引用,报错问题消失了。(个人猜测是因为多次加载二级页面时造成highcharts的多次加载造成的命名空间的占用)

以上是关于highcharts error #16的主要内容,如果未能解决你的问题,请参考以下文章

Highcharts 气泡图

Vue+Highcharts完全使用

HighCharts使用心得

Highcharts:无法使用AngularJS读取未定义的属性'parentGroup'

根据图例的数量修剪或隐藏Highchart图例

error in callback for watcher options referenceError:highcharts is not defined