[]
DEMOS DOC DESIGNER API
DOWNLOAD
(Showing Draft Content)

차트를 이미지로 내보내기

SpreadJS에서는 차트를 이미지 소스로 내보내는 기능을 지원합니다. 시트에 차트를 삽입한 후, chart.toImageSrc() API를 사용하여 차트를 이미지 소스로 가져올 수 있습니다.

코드 사용

다음 코드 샘플은 스프레드시트에 있는 도형 객체를 이미지 소스로 저장하는 방법을 보여줍니다.

// 세로 막대형 차트 추가
// 차트 데이터 준비
   sheet.setArray(0, 0, [
        ["", "Chrome", "FireFox", "IE", "Safari"],
        ["2020", 51, 34, 11, 27],
        ["2021", 23, 31, 73, 64],
        ["2022", 36, 24, 83, 89]
   ]);

// 차트 추가
let chart = sheet.charts.add('Chart1', GC.Spread.Sheets.Charts.ChartType.columnClustered, 100, 100, 500, 280, "A1:E4");

// 차트를 이미지 소스로 가져오기
let chartImageSrc = sheet.charts.all()[0].toImageSrc();

디자이너 사용

Spread 디자이너에서 차트를 선택한 후 [그림으로 저장] 옵션을 클릭하여 차트를 이미지로 저장할 수도 있습니다.

다음은 차트를 이미지로 저장하는 단계입니다:

  1. 워크시트를 엽니다.

  2. 필요에 따라 데이터를 삽입합니다.

  3. 차트를 삽입합니다.

  4. 차트를 마우스 오른쪽 버튼으로 클릭한 후 [그림으로 저장(Save as Picture)] 을 클릭합니다.


    image

  5. 이미지를 저장할 위치를 선택합니다.

  6. 파일 이름을 지정한 후 [저장] 을 클릭합니다.

참고:

  • 현재 내보낼 수 있는 파일 형식은 PNG이며, 기본 파일 이름은 개체 이름입니다 (예: Chart 1).

  • 여러 차트 개체를 선택한 경우, 해당 차트들은 함께 내보내지며 기본적으로 SpreadShapes라는 이름의 파일로 저장됩니다.