我试图使用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