我試圖使用highcharts.js（多個圖表顯示在頁面上）來構建儀表板，這些圖表的數據通過ajax獲取。每個圖表都可以獨立刷新。最初，當我試圖讓這個工作時，我得到錯誤＃16，我發現HighCharts.js被包含，並且ajax響應再次發回HighCharts，因此HighCharts拋出這個錯誤。使用highcharts.js的儀表板
爲了規避這個我加js代碼，以檢查是否HighCharts已經定義，如果這是我將它設置爲null
if(window.Highcharts){
window.Highcharts = null;
}
這似乎解決了這個問題，但不過現在我看到，當我刷新一個圖表儀表板上的其他圖表似乎有一些渲染問題 - 其他圖表的一部分似乎已被剝離。
請讓我知道，如果我做的是對的，也請讓我知道一個更好的方式，我可以避免加載HighCharts是它已經加載。
假設您可以控制要呈現的HTML，則需要執行任一操作;
像這樣的東西;
function buildChart(func) {
if (window.Highcharts === undefined) {
console.log("Highcharts is not loaded, fetching...");
$.getScript("http://code.highcharts.com/highcharts.js", function() {
alert("HighCharts was loaded");
func(); // build chart
});
}
else {
console.log("HighCharts was already loaded");
func(); // build chart
}
}
// test
buildChart(function() {
// build chart
console.log("Read to build chart with:", window.Highcharts);
})
但是，這個簡單的例子並不滿足併發請求，而highcharts仍在加載。因此，對於像這樣的條件加載，我會考慮使用像RequireJS,YepNope或HeadJS這樣的庫，它可以爲您處理這些依賴關係。然後，您可以隨時隨地在組件中包含HighCharts腳本，並且只會加載一次。
好吧，我試着做你提到的 - 在頂部添加HighCharts（這是在體內）標籤...現在，當我嘗試調出儀表板時，出現以下錯誤，這裏是堆棧跟蹤... ...... Uncaught TypeError：undefined不是函數highcharts.src.jsx：6707 ...你能告訴我爲什麼我看到這個錯誤嗎？ – user2317558 2013-05-01 02:59:52
不是不能看到你所做的。是否有一個現場網站，或者你可以創建一個小提琴？順便說一下，爲什麼你要下載HTML，而不僅僅是帶有Ajax的JSON並將數據傳遞給高層圖？ – cirrus 2013-05-01 08:18:28
您是否記得先包含jQuery？ – cirrus 2013-05-01 08:24:38
你爲什麼要加載每個跨度的highcharts？文檔加載時只需加載一次。
當圖表刷新時，Highcharts不需要加載...它已經在那裏。
您只需要通過ajax刷新個別圖表就可以返回該圖表數據的json對象，然後用加載頁面時設置的現有選項重新初始化圖表。
當你說「數據被ajax提取」時，你的意思是一個包含標記的HTML snippit嗎？在這種情況下，你爲什麼不把數據發回去？如果您必須發送HTML和SCRIPT標籤，請查看RequireJS來處理這種依賴關係。 – cirrus 2013-04-29 23:21:56
問題是我沒有辦法區分頁面加載和圖表刷新，所以這種方法不適用於我。 你可以建議在客戶端使用js處理這個問題嗎？ – user2317558 2013-04-29 23:44:09
然後我需要更多的信息 - 你能詳細說明你是如何加載/刷新圖表的嗎？或者你能分享代碼嗎？ – cirrus 2013-04-30 00:03:10