Highcharts: кнопка «Распечатать все»

Question

Возможно ли создать кнопку «Печать всего» для Highcharts, где напечатано больше одной диаграммы?

Я знаю, что экспорт нескольких диаграмм возможен, как показано в jFiddle: http://jsfiddle.net/highcharts/gd7bB/1/, но я не уверен, что Highcharts допускает аналогичный метод с печатью.

Answer 1

Это альтернативное решение, использующее печать напрямую. Он основан на функции chart.print(), но он работает с несколькими диаграммами.

Смотрите демо здесь: 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

Метод exportChart принимает параметры, поэтому вы можете отправить его более чем одной диаграмме. Однако метод печати не принимает никаких параметров. Итак, чтобы распечатать, вы должны указать каждый график отдельно, как chart1.print(); и chart2.print(); который печатает их отдельно.

Есть два способа решения:

1. Печать всей страницы без использования Highcharts печати. Вот example.

2. Вы можете экспортировать обе диаграммы в pdf-файл и затем распечатать форму там. Вот пример о том, как export multiple charts to one pdf.