2012-08-01 2 views
2

일부 데이터 및 일부 Highchart가 포함 된 페이지가 있습니다. Highcharts에는 차트를 이미지로 내보내기위한 환상적인 기능이 있습니다. 차트 및 데이터가 포함 된 하나의 큰 이미지 나 PDF가 있도록 테이블 또는 div의 내용을 차트와 함께 내보내려면 어떻게 포함합니까? 내가 지금까지 시도한 것은 그 중 어느 것도 이상적은 아니지만 :Highcharts 및 스크롤 가능한 데이터가있는 페이지의 내용을 jpg 또는 pdf로 내보내려면 어떻게합니까?

html2canvas는 최상의 솔루션 인 것처럼 보이지만 Highcarts는 포함하지 않는 것 같습니다. 문서가 훌륭해 보이지 않을 수도 있고 차트를 포함하는 고글 링에서 좋은 예제를 찾을 수 없을 수도 있습니다.

두 번째로 가장 좋은 해결책은 Highcharts의 데이터를 포함하는 것입니다. 이 예제는 다음 위치에 있습니다. http://jsfiddle.net/highcharts/z9zXM/ 이 방법을 사용할 수는 있지만 페이지의 현재 서식이 손상됩니다. 즉, 그것은 추한 해결책 일 것입니다 :).

다른 해결책은 스크린 샷과 관련이 있지만 전체 페이지를 캡처하지는 못합니다.

존재할 수도 있고 없을 수도있는 이상적인 솔루션은 자바 스크립트를 사용하여 divchart 또는 표를 Highchart와 pdf 또는 jpg로 결합하는 것입니다. 가능하다면 어디에서 예제를 찾을 수 있습니까?

+0

http://pdfcrowd.com/html-to-pdf-api/ – didxga

+0

안녕하세요 저는 angularjs에서도 highcharts를 사용하고 있습니다. 또한 pdf 파일의 내보내기 데이터로 이동하지만 다운로드를 클릭합니다. pdf 형식의 데이터를 pdf 형식의 파일로 가져 오는 것보다 시간이 걸리므로이 링크도 "https://export.highcharts.com/"링크로 리디렉션되므로이 리디렉션을 어떻게 중지시킬 수 있습니까? – Edit

답변

0

기본 Highchart 내보내기 기능을 html2canvas와 결합하는 방법은 무엇입니까?

먼저 하이 차트를 파일로 내 보냅니다. 이미지를 얻기 위해 호출해야하는 URL을 알면 충분하다고 생각합니다.

둘째, 표준 html2 캔버스 마법을 사용하여 차트가없는 문서를 생성합니다. 차트를 사용하여 div의 너비와 높이를 지정해야 내 보낸 파일에서 접히지 않을 수 있습니다.

마지막으로 gd 또는 imagemagick을 사용하여 서로 붙여넣고 클라이언트에게 다시 제공합니다.

관련 문제