Highcharts: botón "Imprimir todo"

Question

¿Es posible crear un botón "Imprimir todo" para Highcharts, donde se imprime más de un gráfico?

Sé que la exportación de gráficos múltiples es posible, como se muestra en jFiddle: http://jsfiddle.net/highcharts/gd7bB/1/, pero no estoy seguro de que Highcharts permita un método similar con la impresión.

Answer 1

Aquí hay una solución alternativa que hace la impresión directamente. Se basa en la función chart.print(), pero funciona en múltiples gráficos.

Ver la demostración aquí: http://jsfiddle.net/jim31415/q5Rzu/150/

 //-------------------------------------------------------------------- 
     $("#print").click(function() { 
      printCharts([chart1, chart2, chart3]); 
     }); 


     //-------------------------------------------------------------------- 
     function printCharts(charts) { 

      var origDisplay = [], 
       origParent = [], 
       body = document.body, 
       childNodes = body.childNodes; 

      // hide all body content 
      Highcharts.each(childNodes, function (node, i) { 
       if (node.nodeType === 1) { 
        origDisplay[i] = node.style.display; 
        node.style.display = "none"; 
       } 
      }); 

      // put the charts back in 
      $.each(charts, function (i, chart) { 
       origParent[i] = chart.container.parentNode; 
       body.appendChild(chart.container); 
      }); 

      // print 
      window.print(); 

      // allow the browser to prepare before reverting 
      setTimeout(function() { 
       // put the charts back in 
       $.each(charts, function (i, chart) { 
        origParent[i].appendChild(chart.container); 
       }); 

       // restore all body content 
       Highcharts.each(childNodes, function (node, i) { 
        if (node.nodeType === 1) { 
         node.style.display = origDisplay[i]; 
        } 
       }); 
      }, 500); 
     } 
    }); 

Answer 2

El método exportChart acepta parámetros para que pueda enviarle más de un gráfico. Sin embargo, el método de impresión no acepta ningún parámetro. Por lo tanto, para imprimir debe especificar cada gráfico por separado, como chart1.print(); y chart2.print(); que los imprime cada uno por separado.

Hay dos soluciones:

1. Impresión de toda la página sin necesidad de utilizar la impresión Highcharts. Aquí hay un example.

2. Puede exportar ambos gráficos a un archivo pdf y luego imprimir el formulario allí. Aquí hay un ejemplo de cómo export multiple charts to one pdf.