! 제품 버전을 정확하게 입력해 주세요.
제품 버전이 정확하게 기재되어 있지 않은 경우,
최신 버전을 기준으로 안내 드리므로
더욱 빠르고 명확한 안내를 위해
제품 버전을 정확하게 입력해 주세요!

olap.PivotChart 차트 이미지 다운로드 olap.PivotGrid 엑셀 다운로드 문의 > Q&A | 토론

본문 바로가기

Wijmo

Q&A | 토론

PureJS olap.PivotChart 차트 이미지 다운로드 olap.PivotGrid 엑셀 다운로드 문의

페이지 정보

작성자 euno333 작성일 2022-07-16 20:55 조회 1,309회 댓글 0건
제품 버전 : 위즈모
컨트롤 이름 : saveImageToFile, FlexGridXlsxConverter

본문


안녕하세요. 위즈모 이용중인데요


샘플소스를 참고해서 차트 이미지 다운로드, 피벗그리드 엑셀 다운로드를 사용하려고 합니다.


현재 적용한 소스는

//이미지 다운로드

document.getElementById('export').addEventListener('click', function(e) {

    if (e.target instanceof HTMLButtonElement) {

        var ext = e.target.textContent.trim();

        pivotPanelChart.saveImageToFile('FlexChart.png');  

    }

});

이미지는 다운로드는 되지만 파일용량이 0이면서 손상된 파일이라고 뜹니다.

콘솔 오류는 

SecurityError. Can't read: https://cdn.grapecity.com/wijmo/5.latest/styles/wijmo.min.css 

메시지가 찍히네요.




// 엑셀다운로드

 document.getElementById('btd_add_excel').addEventListener('click', () => {

 var book = new wijmo.grid.xlsx.FlexGridXlsxConverter.save(pivotPanelGrid, { includeColumnHeaders: true,includeRowHeaders: true });

 console.log(book);

 //name the sheet

 book.sheets[0].name = 'FlexGrid Data';

 // save the book

 book.save('FlexGrid-Export.xlsx');

    });


엑셀 다운로드는 콘솔에 

wijmo.grid.xlsx.min.js:14 Uncaught TypeError: Cannot read properties of undefined (reading 'Workbook')

    at new FlexGridXlsxConverter.save (wijmo.grid.xlsx.min.js:14:1032)

    at HTMLButtonElement.<anonymous> (3:3009:15)


라고 찍힙니다.


샘플소스에 javascript쪽에봐도 퓨어js가 아닌 다른 형태 js만 있네요...


샘플소스 부탁드립니다.


감사합니다!


  • 페이스북으로 공유
  • 트위터로  공유
  • 링크 복사
  • 카카오톡으로 보내기

댓글목록

등록된 댓글이 없습니다.

1 답변

PureJS Re: olap.PivotChart 차트 이미지 다운로드 olap.PivotGrid 엑셀 다운로드 문의

추천0 이 글을 추천하셨습니다 비추천0 채택채택

페이지 정보

작성자 GCK루시 작성일 2022-07-19 17:49 댓글 0건

본문

안녕하세요 그레이프시티입니다.


문의 주신 내용에 대해 답변 드립니다.


1. 피벗 차트 다운로드 시, SecurityError 이슈

=> 해당 이슈의 경우, Wijmo 자체 문제이기 보다는 고객님 쪽에서 해당 CDN을 접근하는데 있어 보안상 문제가 발생된 것으로 추측됩니다. 다만 저희 쪽에서 재현이 되지 않아 정확한 원인 파악이 어려운 상황입니다. 아래 샘플을 공유 드리오니 참고하여 주시고 지속적으로 이슈 발생 시, 개발 환경(사용 브라우저 등) 및 문제가 되는 코드에 대해서 확인 후, 내용 회신 주시면 저희 쪽에서 재현 및 디버깅 후 답변 드릴 수 있도록 하겠습니다.



2. 피벗 그리드 다운로드 시, 에러

=> 에러메세지의 경우, 그리드를 엑셀로 export 할 때 필요한 wijmo.xlsx.min.js 파일을 레퍼런싱하지 않을 때 발생합니다. 해당 모듈을 추가하신 후, 엑셀 내보내기를 진행 하시기 바랍니다. 더불어 wijmo.xlsx 모듈을 사용하실 때 zip 파일을 만들고, 읽고, 편집하기 위한 자바스크립트 라이브러리인 JSZip 또한 별도로 추가하셔야 하며 이와 관련된 wijmo.xlsx 모듈 API 링크 및 샘플을 공유 드리오니 확인 부탁 드립니다. 


- wijmo.xlsx



 


+) 샘플 하단의 Resources 버튼을 클릭 시, 레퍼런싱한 파일 리스트들을 확인하실 수 있으니 참고하여 주시기 바랍니다.


56afec38790fd1266671fc5be716cceb_1658220690_4368.PNG 

 


3. PureJS 샘플의 건

=> 공식 데모 사이트에서 Pure 자바스크립트 데모의 경우에도 NPM 방식으로 설정 후 파일을 import하여 레퍼런싱을 하고 있습니다. 다만 Pure JavaScript 데모의 경우 모듈 이름에 대한 커스터마이징 유무 차이만 있습니다. 참고로 아래 코드는 동일하게 그리드 인스턴스를 생성하는 코드이며 설정된 모듈 이름에 맞게 입력해주시면 되십니다.

 

let grid = new wjGrid.FlexGrid(…) // import * as wjGrid from '@grapecity/wijmo.grid' 으로 참조한 경우


let grid = new wijmo.grid.FlexGrid(…) // CDN 이나 로컬 파일로 참조한 경우


다른 궁금한 점이 생기면, 언제든 문의 주시기 바랍니다.


감사합니다.

그레이프시티 드림

댓글목록

등록된 댓글이 없습니다.

메시어스 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기
메시어스 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기
이메일 : sales-kor@mescius.com | 전화 : 1670-0583 | 경기도 과천시 과천대로 7길 33, 디테크타워 B동 1107호 메시어스(주) 대표자 : 허경명 | 사업자등록번호 : 123-84-00981 | 통신판매업신고번호 : 2013-경기안양-00331 ⓒ 2024 MESCIUS inc. All rights reserved.