jquery - data - Cómo descargar una foto de CanvasJS en Submit

javascript dynamic graph

Question

Estoy usando Canvas JS para crear una imagen gráfica dentro de mi formulario. Actualmente, se puede crear una imagen del gráfico haciendo clic en el botón de 3 puntos (que se muestra en la imagen a continuación), y luego presionando "Guardar como PNG".

Cuando alguien envía el formulario, quiero que se cree una imagen del gráfico, que luego se enviará a la persona que llena el formulario.

Sin embargo, no puedo entender cómo hacer esto. Esto es lo que he intentado con JQuery:

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

(Cuando hago clic en enviar, no descarga nada. Mi JQuery está configurado, así [he probado la función con alertas]).

Un ejemplo del gráfico se puede ver aquí:

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

Answer 1

El div requerido no se selecciona correctamente. Puedes usar:

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

Por favor, consulte este violín de trabajo.

Alternativamente, puede usar toDataURL para exportar CanvasJS Chart como imagen. Por favor, consulte este violín .