하이 차트를 내보낼 때 A3 페이지를 사용하십시오.

하이 차트 차트와 HTML 테이블을 PDF로 내보내고 있지만 테이블이 크면 PDF 페이지에 제대로 배치 할 수 없습니다.하이 차트를 내보낼 때 A3 페이지를 사용하십시오.

내가 사용하여 PDF를 내보낼 :

Highcharts.getSVG = function(charts) { 
    var svgArr = [], 
     top = 0, 
     width = 0; 

    $.each(charts, function(i, chart) { 
     var svg = chart.getSVG(); 
     svg = svg.replace('<svg', '<g transform="translate(0,' + top + ')" '); 
     svg = svg.replace('</svg>', ' <h2 style="position: absolute; color: #333; right: 0px; width: 50%; top: 10px; text-align: center">' + titulo + '</h2></g>'); 

     top += chart.chartHeight; 
     width = Math.max(width, chart.chartWidth); 

     svgArr.push(svg); 
    }); 

    tabela = $("#mainTabela").clone(); 
    top += tabela.height(); 

    svgArr.push('<g transform="translate(0,' + top + ')">' + tabela.html() + ' </g>'); 
    return '<svg height="'+ top +'" width="' + width + '" version="1.1" xmlns="http://www.w3.org/2000/svg">' + svgArr.join('') + '</svg>'; 
};

내보낼 때 A3 페이지를 사용하는 방법은 무엇입니까? 아니면 더 큰 페이지를 사용 하시겠습니까? 다른 페이지로 나눈 테이블의

예 :

Table divided by pages

출처

2014-09-01 Aron Bordin

당신은 설정 자체 수출 서버 및 편집 highcharts-convert.js 파일이 기대에 페이지 크기를 적용 할 수 있습니다.

참조 : - 문제는 내가 테이블 클론의 높이를 얻고 있었다이다 http://www.highcharts.com/docs/export-module/setting-up-the-server

출처

2014-09-01 14:16:55

, 즉 0입니다 그래서 내 PDF의 높이가 항상 테이블의 크기를 무시하고, 차트 높이이었다.

top += tabela.height();

을 위해 :

if($("#mainTabela").height() > top) 
     top = $("#mainTabela").height();

을 그리고 지금

을 일하고

난 그냥 변경

출처

2014-09-01 18:22:21

하이 차트를 내보낼 때 A3 페이지를 사용하십시오.

답변

관련 문제