Highcharts는 클라이언트 측 차트를 PDF로 내 보냅니다.

현재 웹 응용 프로그램에서 Highcharts를 사용하고 있습니다. 나는 (모든 클라이언트 측를) 다음과 같은 기술과 PDF 보고서를 생성하고 :Highcharts는 클라이언트 측 차트를 PDF로 내 보냅니다.

이 캔버스 JsPDF 를 사용하여 PDF로 렌더링되는 내 웹 페이지가 html2canvas

에 의해 캔버스로 변환

문제는 하이 차트를 프로세스에 포함시킬 수 없다는 것입니다. 빈 div를 보여줍니다.

내가 해왔 던 해결책은 개별적으로 JPEG로 차트를 렌더링 한 다음 PDF로 렌더링하기 전에 수동으로 이미지에 추가하거나 심지어 PDF의 다른 페이지에 차트를 포함시키는 것입니다. Highcharts API에는 JPEG/PNG 보고서를 다운로드하거나 특정 div에 렌더링하기위한 옵션 만 있기 때문에 클라이언트에서 이러한 그래프를 렌더링하는 방법을 알아낼 수 없습니다. 어떻게 JS에서 직접 가져올 수 있습니까? 다른 가능성이 보이십니까?

2013-10-02 Ronald

canvg lib를 사용하여 SVG를 캔버스로 변환하기 만하면됩니다. http://stackoverflow.com/questions/8995177/render-highcharts-canvas-as-a-png-on-the-page –

[scale ] (http://api.highcharts.com/highcharts#exporting.scale) 또는 다른 내보내기 옵션을 사용하십시오. –

Html2Canvas를 사용할 수없는 경우 CANVG 라이브러리를 사용할 수 있습니다. 라이브러리는 클라이언트 측의 svg 요소를 PNG 이미지로 변환합니다.

2015-11-10 09:49:34

[rasterizeHtml] (http://cburgmer.github.io/rasterizeHTML.js/)을 사용하여 @ronald도 가능합니다. –

답변