ハイチャート：「すべて印刷」ボタン

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. ：

   は、2つの回避策があります。ここにはexampleがあります。

2. 両方のグラフをpdfファイルにエクスポートしてからフォームを印刷することができます。ここに例を示しますexport multiple charts to one pdf。