데모피벗 북기본 설정
피벗을 구성하는 기본 설정에 대한 데모입니다.

주요 특징

피벗을 생성하기 위해 세가지 설정값이 필요합니다.

설정값설명
데이터 테이블원본 데이터에 대한 설정 스키마
데이터 큐브집계값과 기준축에 대한 설정 스키마
피벗 설정리얼 피벗을 구성하는 UI/UX 관련 설정값

코드로 지정하기

// 원본 데이터 스키마
const tables = [
  {
    name: 'sales',
    sourceUrl: '/asset/sample-01.json',
    table: {
      fields: [
        { name: '국가', type: 'text' },
        { name: '브랜드명', type: 'text' },
        { name: '차종', type: 'text' },
        { name: '판매날짜', type: 'date' },
        { name: '판매수량', type: 'number' },
        { name: '차량가격', type: 'number' },
      ],
    },
  },
];
 
// 데이터 큐브 스키마
const cubes = [
  {
    name: 'sales',
    table: 'sales',
    schema: {
      // 집계될 기준 값
      dimensions: [
        { name: '국가', type: 'str' },
        { name: '브랜드명', type: 'str' },
        { name: '차종', type: 'str' },
        // 날짜는 dateFields로 분기·월 같은 파생 차원을 만든다
        { name: '판매날짜', source: '판매날짜', type: 'date', dateFields: ['판매분기;quarter'] },
      ],
      // 집계할 값
      measures: [
        { name: '판매수량', source: '판매수량', type: 'f64', aggregate: 'sum' },
        { name: '차량가격', source: '차량가격', type: 'f64', aggregate: 'sum' },
      ],
    },
  },
];
 
// 피벗 설정
const config = {
  tables: {
    name: '판매 데이터 분석',
    cube: 'sales',
    fields: {
      rows: ['차종', '브랜드명'],
      columns: ['판매분기'],
      values: ['판매수량', '차량가격'],
    },
  },
};
 
const ds = await RealPivot2.createDataSet(tableOptions);
const cm = RealPivot2.createCubeManager(ds, cubes);
const control = RealPivot2.createControl(document, 'pivot', cm, config);

더 자세한 내용은 데이터와 큐브개발 가이드에서 확인할 수 있습니다.

플레이그라운드를 불러오는 중…