canvasjs bar chart – ie8

[saravanan.srinivasan]

Hii, facing issue with IE8 & canvajs bar chart. error below
SCRIPT5009: ‘jQuery’ is undefined
File: jquery.canvasjs.min.js, Line: 661, Column: 1
SCRIPT5007: Unable to get property ‘firstChild’ of undefined or null reference
code:
var chart = new CanvasJS.Chart(“chartContainer”, {
axisX:{
gridThickness: 0,
gridColor: “white”,
lineThickness: 0,
tickLength: 0,
labelFontSize: 20,
labelFontColor: “black”
},
axisY:{
gridThickness: 0,
gridColor: “white”,
lineThickness: 0,
tickLength: 0,
labelFormatter: function(e){
return ” ” + “”;
},
},
width: 400,
data: [
{
type: “column”,
indexLabelPlacement: “outside”,
indexLabelOrientation: “horizontal”,
dataPoints: [
{ x: 1, y: 40, label: “Venezuela”, indexLabel: “apple” },
{ x: 2, y: 15, label: “Saudi”, indexLabel: “Orange” },
{ x: 3, y: 28, label: “Canada”, indexLabel: “Grape”}
]
}
]
});

chart.render();
}

[saravanan.srinivasan]

Hello,
Can you please advise with a solution. Thanks, Saran

[Indranil]

@saravanan-srinivasan,

Initializing chart inside window.onload would work in your case.

Please take a look at this documentation for window.onload.

____________
Indranil Deo,
Team CanvasJS