[Solved]-How can I fix Highcharts error #13?-Highcharts

Also, make sure "highcharts-more.js" is declared in your HTML.

<script src="https://code.highcharts.com/highcharts-more.js"></script>

I loaded script codes after document ready function, and it worked fine.

$(document).ready(function(){
});

I also run into the same error code, but in my case the reason was my data was too large to supported

This is an old question, but none of the answers are really satisfactory in my opinion.

I would suggest checking to make sure the chart div exists before rendering the chart.

if($('#'+id).length){ $('#'+id).highcharts({});}

Highcharts cannot find the div with a specified ID. It usually occurs when the library is trying to render the chart, but the div is not yet created in the DOM.

You've to debug your code and try to find the information whether that element is present on your site at the moment when Highcharts need to use it.

Categories needs to be a collection, it was like this:

categories: xaxis

Change it to this:

categories: ['xaxis']

Some of the data fields need to be enclosed in single quotes like this:

data: 'blue'

Here is a fiddle without any errors for you:

http://jsfiddle.net/MVcBe/

Good luck with the rest. :)

ps I sometimes find it easier to edit a working fiddle from the highcharts site and adapt it to what you need. Like this one:

http://jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/line-basic/

Perhaps a bit late to the party, but the default name for the container in Highcharts example was 'container'. The browser didn't seem to like that, name clash perhaps, changing to 'Chart' did the trick.

For me error was resolved when I placed the calling script after the HTML element.

Like;

<div id="container"></div>

<script>    
Highcharts.chart('container', {
// some script here
});
</script>

Also if you check on high chart site it says:

    This error occurs if the chart.renderTo option is misconfigured so that
Highcharts is unable to find the HTML element to render the chart in.

https://www.highcharts.com/errors/13

I had the same issue and fixed it using the correct container:

In my case I used the following:

// Use Meteor.defer() to create chart after DOM is ready:
Meteor.defer(function() {
  // Create standard Highcharts chart with options:
  Highcharts.chart('Charts', {
    chart: {
      renderTo: 'container',
        type: 'column',
        options3d: {
            enabled: true,
            alpha: 15,
            beta: 15,
            depth: 50,
            viewDistance: 25
        }
    },....
  }.....
}

Template.body.helpers({
  createChart: function () {...}

and in the HTML file:

<div id='Charts'>
    {{createChart}}
</div>

I found the fix from Highcharts: http://forum.highcharts.com/viewtopic.php?f=9&t=15610

Regards.

I faced the same error and what I got to know is that Error#13 occurs when HighCharts.js tries to access an element which is not present in the DOM.

How I fixed it? I made sure that the HightCharts method is called only after my targeted element is created in the DOM. Bingo!!!! Everything worked fine.