投稿するにはCanvasJSの写真をダウンロードする

Question

私はCanvas JSを使用して自分のフォーム内にグラフ画像を作成しています。現在、3つの点線のボタン（下の図に示す）をクリックして「Save as PNG」を押すと、グラフの画像を作成できます。

誰かがフォームを送信すると、グラフのイメージが作成され、フォームに記入された人に送信されます。

しかし、私はこれを行う方法を理解することはできません。ここで私はjQueryのを使用してみたものである：（。。私が提出]をクリックすると、それが何かをダウンロードしない私はJQueryが設定され、同様に[私は警告して機能をテストしている]）

$(document).ready(function() { 
    $('.submit-button').click(function(e) { 
     $("button[title='More Options']").first().click(); 
     $("div").text('Save as PNG').click(); 
    }); 
}); 

グラフの例は、ここで見ることができます：

http://canvasjs.com/docs/charts/chart-options/export-file-name/

Answer 1

必要なdiv要素が適切に選択されていません。

$(document).ready(function(){ 
    $('.submit-button').click(function() { 
    $('.canvasjs-chart-toolbar > div > div')[0].click(); // 0 for JPEG, 1 for PNG 
    }); 
}); 

fiddleを参照してください。

また、toDataURLを使用してCanvasJS Chartをイメージとしてエクスポートすることもできます。 fiddleを参照してください。