Highcharts: pulsante "Stampa tutto"

Question

È possibile creare un pulsante "Stampa tutto" per i grafici Highcharts, dove viene stampato più di un grafico?

So che è possibile esportare più grafici, come dimostrato nel jFiddle: http://jsfiddle.net/highcharts/gd7bB/1/ ma non sono sicuro che Highcharts consenta un metodo simile con la stampa.

Answer 1

Ecco una soluzione alternativa che esegue direttamente la stampa. Si basa sulla funzione chart.print(), ma funziona su più grafici.

Vedi l'demo qui: 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

Il metodo exportChart accetta parametri in modo da poterlo inviare più di un grafico. Tuttavia, il metodo di stampa non accetta alcun parametro. Quindi, per stampare devi specificare ogni grafico separatamente come chart1.print(); e chart2.print(); che li stampa separatamente.

ci sono due soluzioni:

1. Stampa l'intera pagina senza usare la stampa Highcharts. Ecco un example.

2. È possibile esportare entrambi i grafici in un file PDF e quindi stampare il modulo lì. Ecco un esempio su come export multiple charts to one pdf.