HighCharts 不渲染（/创建元素） - 如何调试/检查失败

Question

我们目前正在将一些页面更改为新的布局，但仍然使用我们一直使用的相同布局页面，只是使用不同类型的顶部菜单样式（使用集合添加到视图中 - 如果存在，显示顶部菜单 - 如果它不显示旧的）

该图表以前一直有效 - 这并不新鲜。在其他页面（也使用新的“topmenu”）中，其他 highcharts 仍然有效，但在一个特定页面中，图表不会绘制，或者更具体地说，它不会在

container

中创建 highcharts 元素 - 另外：没有错误消息，没有控制台日志，也没有图表 - 什么都没有。

如果我使用脚本创建图表并将其粘贴到 Highchart 演示中的

JSFiddle

中，则可以工作（就像它所做的那样） - 但不能在 this 页面上。

而且我不知道从哪里开始调试这个特定页面。如果我 git-revert 到旧页面（顺便说一句，使用相同的 Razor 组件来创建图表），一切都会按预期进行。换新的；什么都没有：唯一改变的是添加到视图中的带有集合的部分 - 在其他视图中没有任何问题。

编辑 #1 - 这是确切脚本的 JsFiddle（名称和容器 ID 除外 --> 容器 ID 也没有更改）：https://jsfiddle.net/5qxkwtza/

编辑 #2 -

container

DIV 未隐藏

Answer 1

作为第一步，您可以通过以下方式确保 Highcharts 库已正确导入并加载到网页上：做一个

console.log(Highcharts)

。

其次，您可以检查图表的容器是否可见，以及图表是否在 DOM 结构完全加载之前没有过早初始化。