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
});
};
Any help will be much appreciated.
Regards,
-Alin