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

피벗 필드 서식 > Q&A | 토론

본문 바로가기

PureJS 피벗 필드 서식

페이지 정보

작성자 미주엘 작성일 2023-07-07 14:24 조회 213회 댓글 0건
제품 버전 : 16.0.4

본문

[샘플코드]

let pivotTable2 = sheet.pivotTables.add("PivotTable2", 'tableSales', 1, 20, GC.Spread.Pivot.PivotTableLayoutType.outline, GC.Spread.Pivot.PivotTableThemes.light15, pivotTableOptions);

pivotTable2.suspendLayout();


pivotTable2.add("구분","구분", GC.Spread.Pivot.PivotTableFieldType.rowField);

pivotTable2.add("MODEL","MODEL", GC.Spread.Pivot.PivotTableFieldType.rowField);


pivotTable2.add("합계 : AMT(KRW)","금액 (기준:억원)", GC.Spread.Pivot.PivotTableFieldType.valueField, GC.Pivot.SubtotalType.sum);

pivotTable2.add("합계 : QTY(m2)","m2 물동", GC.Spread.Pivot.PivotTableFieldType.valueField, GC.Pivot.SubtotalType.sum);


let style2 = new GC.Spread.Sheets.Style();

style2.formatter = "0\".\"##,,";

pivotTable2.setStyle({

dataOnly: true,

fieldName: "금액 (기준:억원)"

}, style2);


let style3 = new GC.Spread.Sheets.Style();

style3.formatter = "#,##0";

pivotTable2.setStyle({

dataOnly: true,

fieldName: "m2 물동"

}, style3);


pivotTable2.resumeLayout();

pivotTable2.autoFitColumn();


위의 코드와 같이 값 별 필드서식을 적용 하였는데요.


버전 차이인지 


https://demo.grapecity.co.kr/spreadjs/learn-spreadjs/ko/purejs/node_modules/@grapecity/spread-sheets/dist/gc.spread.sheets.all.min.js 


데모 소스를 받아서 처리 할 경우 필드 별 서식이 적용되어 지는데


16.0.4 버전을 사용하여 필드 별 서식을 적용하면 

마지막으로 적용한 서식만 dataOnly에 적용되고 있습니다.


16.0.4 버전에서 필드 별 서식을 적용할 수 있는 가이드좀 부탁드립니다.



그리고 데모로 보여주고 있는

https://demo.grapecity.co.kr/spreadjs/learn-spreadjs/features/pivot-table/pivot-field/pivot-format-fields/purejs


여기 사이트도 실제로 값 서식이 '#0.00'인데 화면에는 소수점이 보이지 않고 있네요.





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

댓글목록

등록된 댓글이 없습니다.

1 답변

PureJS Re: 피벗 필드 서식

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

페이지 정보

작성자 GCK루카스 작성일 2023-07-10 14:10 댓글 1건

본문

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


한국어 리소스 사용 시, 피벗 테이블의 값 필드를 설정하기 위해서는 fieldName을 "값"으로 설정해 주시면 정상적으로 적용이 가능합니다.

16.0.4 버전에서도 동일합니다.

아래 코드 및 샘플을 참고하여 주시기 바랍니다.

  //필드 서식 설정
  //값 필드
  var area = {
    dataOnly: true,
    references: [
      {
        fieldName: "값",
        items: ["합계"]
      }
    ]
  };
  var style = new GC.Spread.Sheets.Style();
  style.formatter = "0.00";
  myPivotTable.setStyle(area, style);

  //행 필드
  var area1 = {
    labelOnly: true,
    references: [
      {
        fieldName: "Salesperson"
      }
    ]
  };
  var style1 = new GC.Spread.Sheets.Style();
  style1.formatter = "[red]@";
  myPivotTable.setStyle(area1, style1);
  
  //행 필드
  var area2 = {
    labelOnly: true,
    references: [
      {
        fieldName: "Cars"
      }
    ]
  };
  var style2 = new GC.Spread.Sheets.Style();
  style2.formatter = "[yellow]@";
  myPivotTable.setStyle(area2, style2);
  
  //열 필드
  var area3 = {
    labelOnly: true,
    references: [
      {
        fieldName: "월"
      }
    ]
  };
  var style3 = new GC.Spread.Sheets.Style();
  style3.formatter = "[blue]@";
  myPivotTable.setStyle(area3, style3);



정상 작동하지 않는 데모에 대해서는 수정하여 반영해 놓겠습니다.

불편을 드려 죄송합니다.


감사합니다.

그레이프시티 드림


댓글목록

GCK루카스님의 댓글

GCK루카스 작성일

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

데모에도 수정, 반영 되었습니다.

감사합니다.
그레이프시티 드림

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