技術標籤：echarts前端

一、問題描述
製作一張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的引用解決的問題