0

我在使用 Highcharts 时遇到了一些麻烦。我有一个使用默认堆叠条形布局设置的图表。看起来不错。代码在一个 html 文件中。

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

js文件还有一堆其他的代码，不过我觉得应该不会和图生成冲突...

谢谢。

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

4

1 回答 1

0

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

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

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

作为一般规则，Javascript 文件应该在样式表之后加载，并且大多数 Javascript 逻辑应该在文档加载之后执行。这可以通过将 onload="javascript:foo()" 属性附加到正文或使用 $(foo); 来完成。（其中 foo 是一个函数）如果您使用的是 jQuery。

于 2012-07-31T16:42:07.690 回答