Home/ Questions/Q 6562793
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-25T13:45:06+00:00

I have the following which works perfectly $(function() { // Create the chart chart

  • 0

I have the following which works perfectly

$(function() {

    // Create the chart
    chart = new Highcharts.StockChart({
        ...
    });
});

However when I make the following modification

createCharts();
function createCharts() {

    // Create the chart
    chart = new Highcharts.StockChart({
        ...
    });
}

I get the following error message

Message: ‘Highcharts’ is undefined

Nothing else has changed why does the above break my script?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    In your first example, the function is called when the document is ready (ie, after the HighCharts script has been loaded). In your second example, the HighCharts script is probably defined after the script you’re running so you need to either wait for document ready:

    $(createCharts); // <- pass createCharts to $()/jQuery.ready()
function createCharts() {

    // Create the chart
    chart = new Highcharts.StockChart({
        ...
    });
}

    … or change the order of your scripts:

    <head>
  <!-- libraries first -->
  <script src="jquery.js"></script>
  <script src="highcharts.js"></script>

  <!-- your script last -->
  <script src="myscript.js"></script>
</head>
    • 0