데모피벗 북기본 설정
피벗을 구성하는 기본 설정에 대한 데모입니다.
주요 특징
피벗을 생성하기 위해 세가지 설정값이 필요합니다.
| 설정값 | 설명 |
|---|---|
| 데이터 테이블 | 원본 데이터에 대한 설정 스키마 |
| 데이터 큐브 | 집계값과 기준축에 대한 설정 스키마 |
| 피벗 설정 | 리얼 피벗을 구성하는 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);더 자세한 내용은 데이터와 큐브와 개발 가이드에서 확인할 수 있습니다.
플레이그라운드를 불러오는 중…