How can I fix Highcharts error #13?

Question

I use highchart so, the user can close and open the chart page and redraw the chart, in some case give me this error, how can I fix it, Thanks Here is my code

Answer 1

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.

Answer 2

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.

Answer 3

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

Answer 4

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

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

Answer 5

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/

Answer 6

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