On exporting canvas it output an image with empty graphs

[anand_rl]

canvas.exportChart({format: “png”});
When i am using this function to export the canvas graph to image it is giving me empty graph without any data in it.

[anand_rl]

Here is my code
var chart = new CanvasJS.Chart(“chartContainer”,
{
animationEnabled: true,
theme: “light2”,
title:{ text: “sampl” },
axisY: { title: “Properties” },
axisX:{ interval: 1 },
data: [
{
type: “column”,
showInLegend: true,
legendMarkerColor: “grey”,
dataPoints: [
{ x: 10, y: 71 },
{ x: 20, y: 55 },
{ x: 30, y: 50 },
{ x: 40, y: 65 },
{ x: 50, y: 95 },
{ x: 60, y: 68 },
{ x: 70, y: 28 },
{ x: 80, y: 34 },
{ x: 90, y: 14 }
]
}
]
});

chart.render();
chart.exportChart({format: “png”});

[Suyash Singh]

@anand_rl,

Exporting of the chart is triggered before the animation actually completes. Therefore, it results in an empty graph. Exporting the chart after it renders completely should work fine in your case. Please take a look at this jsfiddle.

___
Suyash Singh
Team CanvasJS

[anand_rl]

Thanks, much appreciated your help!