We're currently changing some pages to a new kind of layout, but still using the same layout page we've always used, just a different kind of topmenu style is used (added using a collection to the view - if it exist, show that topmenu - if it doesn't show the old)
The chart has always worked before - it's not new. In other pages (also with the new "topmenu") other highcharts still work, but in one particular page the chart does not draw or to be more specific, it does not create the highcharts elements within the container - also: There is no error message, no console log, but also no chart - just nothing.
If I use the script to create the chart and paste it into a JSFiddle from a Highchart demo is works (as it did) - but not on this page.
And I have no clue as where to start to debug this particular page. If I git-revert to the old page (same Razor component to create the chart btw) all works as intended. Change to the new; nothing : the only thing changed is a partial with a collection that's added to the view - and in other views there is no problem whatsoever.
EDIT #1 - this is the JsFiddle for the exact script (except for names and container ID --> also container ID has not changed) : https://jsfiddle.net/5qxkwtza/
EDIT #2 - the container DIV is not hidden
As a first step, you can make sure that the Highcharts library is correctly imported and loaded on the web page by e.g. doing a console.log(Highcharts).
Secondly, you can check if the container for the chart is visible and if the chart doesn't get initialized too early, before the DOM structure is fully loaded.