하이 차트 : "모두 인쇄"버튼

Question

더 많은 차트가 인쇄되는 하이 차트의 "모두 인쇄"버튼을 만들 수 있습니까?

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 메서드는 둘 이상의 차트를 보낼 수 있도록 매개 변수를 허용합니다. 그러나 print 메소드는 매개 변수를 허용하지 않습니다. 따라서 인쇄하려면 chart1.print()와 같이 각 차트를 별도로 지정해야합니다. 및 chart2.print(); 각각 별도로 인쇄합니다. Highcharts 인쇄를 사용하지 않고 전체 페이지를 인쇄

1. :

   은 두 가지 해결 방법이 있습니다. 다음은 example입니다.

2. 두 차트를 모두 pdf 파일로 내보내고 거기에 양식을 인쇄 할 수 있습니다. 다음은 export multiple charts to one pdf의 예입니다.