apop
Posts: 2
Joined: Wed Feb 29, 2012 4:50 pm

Error: Highcharts error #13: www.highcharts.com/errors/13

Hi,

I'm new on this forum and quite new with Highcharts JS library.

I experience the following error: Highcharts error #13: http://www.highcharts.com/errors/13.

The Json value passed to HighchartJs library is the following:

Code: Select all

{
    "renderto": "largeincomingOrders",
    "title": "Incoming orders year review",
    "xAxis": {
        "categories": [
            "2011-03",
            "2011-03",
            "2011-04",
            "2011-05",
            "2011-06",
            "2011-07",
            "2011-08",
            "2011-09",
            "2011-10",
            "2011-11",
            "2011-12",
            "2012-01",
            "2012-02"
        ]
    },
    "yAxis": {
        "title": {
            "text": "Orders"
        }
    },
    "data": [
        {
            "name": "ACH",
            "type": "line",
            "color": "#DDDF0D",
            "data": [
                0,
                0,
                0,
                0,
                0,
                0,
                0,
                0,
                0,
                11684,
                40100,
                0,
                9
            ]
        },
        {
            "name": "CMRG",
            "type": "line",
            "color": "#55BF3B",
            "data": [
                0,
                0,
                0,
                9,
                954,
                1069,
                752,
                867,
                744,
                936,
                676,
                53,
                11
            ]
        },
        {
            "name": "DA",
            "type": "line",
            "color": "#DF5353",
            "data": [
                0,
                0,
                0,
                0,
                0,
                0,
                0,
                0,
                3327,
                2511,
                2438,
                0,
                0
            ]
        },
        {
            "name": "ICC",
            "type": "line",
            "color": "#7798BF",
            "data": [
                0,
                0,
                0,
                11,
                6740,
                5098,
                4564,
                3311,
                3530,
                4774,
                5148,
                576,
                130
            ]
        }
    ]
}


//Java script function to build the graph is:
//---------------------------------------------------
function createLineReport(report)
{
chart = new Highcharts.Chart({
      chart: {
         renderTo: report.renderto,
         defaultSeriesType: 'line'
      },
      title: {
        text: report.title,
        x: -20 //center
      },
      subtitle: {
        text: report.subtitle,
        x: -20 //center
      },
      xAxis: {
        categories: report.xAxis.categories,
        labels: {
            rotation: -45,
            align: 'right',
            style: {
                font: 'normal 8px Verdana, sans-serif'
            }
         }
      },
      yAxis: {
         title: {
             text: report.yAxis.title.text
         },
         startOnTick: false
      },
      tooltip: {
         enabled: true,
         crosshairs: true,
         shared: true,
      },
      plotOptions: {
		spline: {
			marker: {
				radius: 4,
				lineColor: '#666666',
				lineWidth: 1
			}
		}
      },
      series: report.data
   });
};
Am I doing something wrong?
Any help will be much appreciated.

Regards,
-Alin
Fusher
Posts: 7912
Joined: Mon Jan 30, 2012 10:16 am

Re: Error: Highcharts error #13: www.highcharts.com/errors/1

Do you have container for this chart?

Code: Select all

"renderto": "largeincomingOrders",
For example

Code: Select all

<div id="largeincomingOrders"> </div>
Paweł Fus
Highcharts Developer
apop
Posts: 2
Joined: Wed Feb 29, 2012 4:50 pm

Re: Error: Highcharts error #13: www.highcharts.com/errors/1

Thank you.
I had the div in the page but the id was spelled wrong.

Fix it.

Thanks,
-Alin
ViruSzZ
Posts: 2
Joined: Sun Mar 11, 2012 11:00 am

Re: Error: Highcharts error #13: www.highcharts.com/errors/1

Hi there. I'm getting the exact same error message 'Error: Highcharts error #13: http://www.highcharts.com/errors/13' even though my '<div>' id is correct with the one set to renderTo.

My scenario is that I want to have multiple pie charts within the same page so I have the following:

Code: Select all

chart = new Highcharts.Chart({
        chart: {
            renderTo: 'mem_in_right'
......

Code: Select all

chart2 = new Highcharts.Chart({
        chart2: {
            renderTo: 'disk_in_right',
......
the first chart works just fine but the disk_in_right is not working even though the div is there.

Is this doable? I mean, can I use highschart to render multiple charts on the same page? If so, then what may be the problem can somebody point me to some direction.

Thanks,

Daniel
ViruSzZ
Posts: 2
Joined: Sun Mar 11, 2012 11:00 am

Re: Error: Highcharts error #13: www.highcharts.com/errors/1

ViruSzZ wrote:Hi there. I'm getting the exact same error message 'Error: Highcharts error #13: http://www.highcharts.com/errors/13' even though my '<div>' id is correct with the one set to renderTo.

My scenario is that I want to have multiple pie charts within the same page so I have the following:

Code: Select all

chart = new Highcharts.Chart({
        chart: {
            renderTo: 'mem_in_right'
......

Code: Select all

chart2 = new Highcharts.Chart({
        chart2: {
            renderTo: 'disk_in_right',
......
the first chart works just fine but the disk_in_right is not working even though the div is there.

Is this doable? I mean, can I use highschart to render multiple charts on the same page? If so, then what may be the problem can somebody point me to some direction.

Thanks,

Daniel

I fixed this by declaring the additional charts with 'chart = new ...' instead of using chart{2,3,} etc... It was logic to me to use it that way but it was not working.

Now everything is ok and I have as much charts as I want :)

ViruSzZ Out ...
GiladD
Posts: 51
Joined: Sat Jan 05, 2013 11:09 pm

Re: Error: Highcharts error #13: www.highcharts.com/errors/1

I'm also encountering this error message, which is very weird because all of my renderTo parameters are correct and I'm using $(document).ready ...
I'm tried moving the code from the HEAD to the BODY of the page, but that didn't make any difference. Does anyone have any ideas what might be causing this?
I don't know if it's related, but I also have some PHP code on the same page. Could that cause some kind of conflict? The weirdest thing is that it worked fine on a local Tomcat server but now it's failing when I uploaded it to the Linux server.

Would appreciate any help ASAP.
seba
Posts: 4415
Joined: Tue Jul 31, 2012 2:26 pm

Re: Error: Highcharts error #13: www.highcharts.com/errors/1

GiladD wrote:I'm also encountering this error message, which is very weird because all of my renderTo parameters are correct and I'm using $(document).ready ...
I'm tried moving the code from the HEAD to the BODY of the page, but that didn't make any difference. Does anyone have any ideas what might be causing this?
I don't know if it's related, but I also have some PHP code on the same page. Could that cause some kind of conflict? The weirdest thing is that it worked fine on a local Tomcat server but now it's failing when I uploaded it to the Linux server.

Would appreciate any help ASAP.
Have you any live demo / sourcecode ?
Sebastian Bochan
Highcharts Developer
GiladD
Posts: 51
Joined: Sat Jan 05, 2013 11:09 pm

Re: Error: Highcharts error #13: www.highcharts.com/errors/1

I was able to solve it when I discovered that my document.write() commands were preventing the rest of the document from being rendered and therefore caused this issue. Thanks for your reply, though.

Return to “Highcharts Usage”