Home forums Report Bugs On exporting canvas it output an image with empty graphs

This topic contains 3 replies, has 2 voices, and was last updated by  anand_rl 1 week, 5 days ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #17845

    anand_rl
    Member

    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.

    #17846

    anand_rl
    Member

    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”});

    #17847

    Suyash Singh
    Moderator

    @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

    #17848

    anand_rl
    Member

    Thanks, much appreciated your help!

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.