The blend of Combination and Advanced Timeline triggers a "ReferenceError: Highcharts is not defined" error

Question

Replication Steps

ReferenceError: Highcharts is not defined /Highcharts-4.1.9/js/modules/exporting.js Line 24

ReferenceError: Highcharts is not defined /Highcharts-4.1.9/examples/combo-timeline/index.htm Line 280

Troubleshooting Steps Taken

I modified the script paths at the end of:

/Highcharts-4.1.9/examples/combo-timeline/index.html

From:

<script src="../../js/highstock.js"></script>
<script src="../../js/modules/exporting.js"></script>

To:

<script src="../js/highstock.js"></script>
<script src="../js/modules/exporting.js"></script>

Even after making these changes, the error persisted:

ReferenceError: Highcharts is not defined
/Highcharts-4.1.9/examples/combo-timeline/index.htm
Line 280

I also updated the jQuery reference in /combo-timeline/index.htm from:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>

To:

<script type="text/javascript" src="../js/jquery-1.11.3.js"></script>

However, this change resulted in a new error message:

ReferenceError: $ is not defined
/Highcharts-4.1.9/examples/combo-timeline/index.htm
Line 204

Answer 1

Answer №1

Resolution

After verifying that the JSFiddle demo was functioning properly, I proceeded to download the necessary files:

Furthermore, I opted to use the jQuery version that was utilized in the JSFiddle example:

jQuery Core 1.9.1

Upon implementing these changes, the chart successfully rendered without any errors.

Answer 2

Resolution

After verifying that the JSFiddle demo was functioning properly, I proceeded to download the necessary files:

Furthermore, I opted to use the jQuery version that was utilized in the JSFiddle example:

jQuery Core 1.9.1

Upon implementing these changes, the chart successfully rendered without any errors.