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

Highcharts bar chart breaks when in external js

本文关键字：Highcharts 条形图 中断 中时 外部 js      更新时间：2023-09-26

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

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

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

谢谢。

工作图：https://i.stack.imgur.com/51QTV.png折线图：https://i.stack.imgur.com/VyDzK.png

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

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

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

一般来说，Javascript文件应该在样式表之后加载，并且大多数Javascript逻辑应该在文档加载之后执行。这可以通过将onload="javascript:foo（）"属性附加到主体来实现，也可以使用$（foo）；（其中foo是一个函数），如果您使用的是jQuery。

相关文章：