Highcharts: Nút "In tất cả"

Question

Có thể tạo nút "In tất cả" cho Highcharts, nơi có thêm một biểu đồ được in không?

Tôi biết rằng việc xuất nhiều biểu đồ là có thể, như được minh họa trong jFiddle: http://jsfiddle.net/highcharts/gd7bB/1/ nhưng tôi không chắc Highcharts cho phép phương pháp tương tự với in ấn.

Answer 1

Đây là giải pháp thay thế thực hiện in trực tiếp. Nó dựa trên chức năng biểu đồ.print(), nhưng nó hoạt động trên nhiều biểu đồ.

Xem bản demo đây: 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

Phương thức ExportChart chấp nhận tham số để bạn có thể gửi nhiều biểu đồ. Tuy nhiên, phương thức in không chấp nhận bất kỳ tham số nào. Vì vậy, để in, bạn phải chỉ định từng biểu đồ riêng biệt như chart1.print(); và chart2.print(); in chúng riêng biệt.

Có hai cách giải quyết:

1. In toàn bộ trang mà không sử dụng Highcharts in ấn. Đây là một số example.

2. Bạn có thể xuất cả hai biểu đồ sang tệp pdf và sau đó in biểu mẫu ở đó. Dưới đây là ví dụ về cách export multiple charts to one pdf.