하이 차트에 인쇄 도중 차트가 표시되지 않음

Question

나는 highchart를 처음 사용하고 있으며 웹 페이지의 막대 차트를 렌더링하는 데 사용하고 있습니다. 그러나 인쇄하는 동안 차트가 표시되지 않습니다. X 축과 Y 축만 값으로 표시하고 막대는 표시하지 않습니다. IE8을 사용하고 있습니다. 막 대형 차트는 IE8 모드에서는 보이지만 IE8 호환 모드에서는 보이지 않습니다. IE 기본 모드 (ie IE8 compat)에서 작동하도록 만들어야합니다. 방법.

누구든지이 문제에 도움을 줄 수 있습니까?

Lightbox 창에서 하이 차트를 인쇄 할 때 js 함수의 코드 청크를 추가합니다. 이 라이트 박스에서

 var chart = new Highcharts.Chart({ 
     chart: { 
      renderTo: 'containerDivID', 
      type: 'column' 
     }, 
     title: { 
      text: '' 
     }, 
     xAxis: { 
       categories: xDataValues 

     }, 
     yAxis: { 
      min: 0, 
      title: { 
       text: '' 
      } 
     }, 
     tooltip: { 
      formatter: function() { 
       return ''+ 
        this.x +': '+ this.y +' kr'; 
      } 
     }, 

     plotOptions: { 
      column: { 
       stacking: 'normal', 
       borderWidth: 1, 
       dataLabels: { 
        enabled: false, 
        color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'white' 
       } 
      } 
     } 
     , 
     yAxis: { 
      labels: { 
       formatter: function() { 
        return this.value; 
       } 
      }, 
      title:{ 
       text: '' 
      } 
     }, 
     series: [ 
      { 
      name: 'YAxis', 
      color: '#37789F', 
      data: yDataValues 
     } 

     ], 
     credits:{ 
      enabled: false 
     } 
    }); 

은 내가 페이지를 인쇄 할 window.print()를 호출하고이 버튼을 누르면에 인쇄 버튼이 있습니다. 내 인쇄 페이지에서 y 축과 x 축 및 데이터를 볼 수 있지만 막대 그래프가 보이지 않습니다. 그러나 IE8 모드를 호환 모드에서 IE8 표준 모드로 변경하면 인쇄시 차트가 표시됩니다.

안부, 앤디

Answer 1

호환성 페이지 http://www.highcharts.com/documentation/compatibility에서 봐 주시기 바랍니다, 우리는 기본 브라우저가 아닌 호환 모드를 지원합니다.

Answer 2

도표로 여분의 데이터를 인쇄해야하므로 도표를 인쇄하는 데 나는 print() 함수를 사용하지 않았습니다. 내 차트는 보고서의 일부이므로 에 StackOverflow에

function printReport() { 
    w = window.open(); 
    var svg = myChart.getSVG(); 

    //clone the div you want to print which contains your chart 
    var toprint = $('#bs-results') .clone(); 

    //replace the chart with the svg 
    toprint.find('#graph_div').html(svg); 

    //right the output to print it 
    w.document.write(toprint.html()); 

    w.print(); 
    w.close(); 
}