在外部js中，Highcharts条形图中断

Question

我对Highcharts有点麻烦。我有一个图表设置了默认的堆叠条形布局。看起来很好。代码在一个html文件中。

然后我将相同的代码（无需修改）放入外部.js文件中，第二个结果就是我得到的。我完全难过，我不知道为什么会这样。有什么想法吗？

js文件有很多其他代码，但我认为它不应该与图形生成冲突...

感谢。

工作图：http://i.stack.imgur.com/51QTV.png 破碎的图表：http://i.stack.imgur.com/VyDzK.png

Answer 1

由于您没有提供任何示例代码，我将疯狂地猜测原因：

1. 外部JS文件/中的代码确实/干扰了图生成。如果没有正确加载onload事件，可能会发生这种情况。大多数Javascript只应在文档完全加载后执行（jQuery对此有利）。

2. 通过将Highcharts代码放在外部文件中，您将破坏加载顺序。也许，某些代码依赖于您以后加载的其他代码。也许它正在尝试使用尚不存在的样式表。也许在它之前的一些代码覆盖了一个全局对象，一些属性和方法正在消失。

作为一般规则，Javascript文件应在样式表之后加载，并且大多数Javascript逻辑应在文档加载后执行。这可以通过将onload =“javascript：foo（）”属性附加到正文或使用$（foo）来完成; （如果你正在使用jQuery，那么foo就是一个函数）。