2014-09-21 3 views
0

페이지가 있고 그것에 4 개의 꺾은 선형 차트가 있습니다. 가지고 있음하이 차트 : 브라우저에서 여러 차트를 내보내는 방법은 무엇입니까?

각 차트에서 PDF로 다운로드와 같은 옵션을 사용하여 Highcharts에서 생성 한 내보내기 드롭 다운을 볼 수 있습니다. 이러한 내보내기 옵션에는 서버에 대한 액세스가 포함되지 않습니다. 이것은 순수한 클라이언트 측 솔루션입니다.

브라우저의 자바 스크립트를 사용하여 페이지의 모든 차트를 단일 PDF 문서로 내보낼 수 있는지 궁금합니다.

감사합니다.

+0

[FAQ] (http://www.highcharts.com/docs/getting-started/frequently-asked-questions#export-multiple)는 어떻습니까? ;) –

+0

Pawel은 "하이 차트에서 생성 된 내보내기 드롭 다운을 각 차트에서 PDF로 다운로드와 같은 옵션으로 볼 수 있습니다. 이러한 내보내기 옵션은 서버에 대한 액세스를 포함하지 않으며 순수한 클라이언트 측 솔루션입니다." -- 이 올바른지? – curious1

+0

- 하이 차트 내보내기 기능에는 외부 서버가 필요합니다. 내 의견은 하나의 pdf/jpeg/png 파일에 여러 차트를 렌더링하는 것에 관한 것이 었습니다. –

답변

1

글쎄,이 문제를 해결하기는 싫지만 한 가지 명확한 설명이 필요하다. 기본 내보내기 옵션은 실제로 순수한 클라이언트 측이 아니다.

url:       String 
The URL for the server module converting the SVG string to an image format. 
By default this points to Highslide Software's free web service. Defaults to http://export.highcharts.com. 
disclaimer & privacy statement & 내보내기 모듈에 대한 자세한 내용을 자신의 당신은 읽을 수 있습니다

here

당신은 setting up your own exporting server을 고려할 수 있습니다 그들은 활용 highcharts' own exporting server, 하나는 exporting.url 구성 옵션

를 사용하여 수출 서버의 URL을 대체 할 수 있습니다 , 귀하의 페이지에있는 모든 차트의 SVG를 보내고 서버 측에서 스티칭을 수행하고 이미지를 다시 보내려면 내보내기 기능을 무시하십시오.
exporting: { 
    buttons: { 
     contextButton: { 
      menuItems: [{ 
       text: 'Export All Charts', 
       onclick: function() { 
        var allCharts=Highcharts.charts; 
        var svgArray=[]; 
        for(var i=0;i<Highcharts.charts.length;i++){ 
         svgArray[]=Highcharts.charts[i].getSVG(); 
        }  
        // ... Post svgArray to your exporting server       
       }      
      }] 
     } 
    } 
} 

은 최신 브라우저가 하나의 차트를 내보낼 canvg 라이브러리를 사용하는 this jsFiddle을 확인, HTML5 캔버스 요소의 절약 콘텐츠를 지원 수행했다 가졌어요. P. 하이 차트의 기본 동작이 아닙니다.

관련 문제