如何在提交时下载CanvasJS的照片

Question

我正在使用Canvas JS在我的表单中创建一个图形图像。目前，可以通过单击3点按钮（如下图所示）创建图形图像，然后点击“另存为PNG”。

当有人提交表单时，我想要创建一个图形图像，然后将其发送给填写表单的人。

然而，我无法弄清楚如何做到这一点。以下是我尝试使用JQuery的内容：

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

（当我点击提交时，它不会下载任何内容。我的JQuery也已设置好了[我已通过警报测试了该功能]。）

这里可以看到图表的一个例子：

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

Answer 1

未正确选择所需的div。您可以使用：

Read()

请参阅此工作fiddle。

或者，您可以使用toDataURL将CanvasJS图表导出为图像。请参阅此fiddle。