Highcharts error #16: www.highcharts.com/errors/16 js 單例

 

一、問題
項目某一個頁面用的highcharts用來顯示一張圖表，第一次刷新正常，第二次就出來這個錯。
1
二、解決問題過程
在網上找了很多同樣是這個錯誤的解決方案。
第一：加載了highstock.js然后又加載了highcharts.js 重復加載了，如果你正在組合圖表和stockchart，你只需要加載highstock.js文件。然而，正在做的項目中並不是重復加載了兩個文件的問題，只是加載了一個highcharts.js。
第二：把引在二級頁面單頁面中的highchartsjs文件換到了主頁面引用。這個好多網友都說可以解決，在項目中試了一次，還是不能解決。
最后：就開始看問題的根本。一個網友提供的答案：多次加載二級頁面時造成highcharts的多次加載造成的命名空間的占用（鏈接：http://www.cnblogs.com/guzhouyuanying/p/6340220.html）。
三、解決方法
在這個二級頁面，只讓highcharts.js這個js文件加載一次，做一個單例。

<script type="text/javascript">
//單例模式引入highcharts
if (!$.fn.highcharts) {
var script = document.createElement("script");
script.type = "text/javascript";
script.src = "${pageContext.request.contextPath }/common/js/Highcharts-4.2.3/js/highcharts.js";
document.body.appendChild(script);
}
</script>