Skip to main content

children

타입​

array

설명​

대시보드 생성시 함께 생성할 위젯 정보를 배열로 지정합니다.

사용 예제​

DashBuilder.create({
  id: "dash1",
  el: document.getElementById("admin-dash1"), 
  info: {
    options: {
      children: [
        {
          w: 3, // 너비
          h: 3, // 높이
          id: "chart1", // 위젯 ID
          type: "chart", // 위젯 타입
          kind: "column",
          style: "column",
          options: {
            ko: {
              chart: { type: "column" },
              ...
            }
          },
          dataOptions: {
            dataSetId: "data3",
            ...
          }
        },
        // 추가 위젯 정의...
      ],
    },
    dataSets: dataSets1,
  }
});

위젯 속성 설명​

각 위젯은 다음과 같은 공통 속성을 가질 수 있습니다:

  • w: 위젯의 너비
  • h: 위젯의 높이
  • id: 위젯의 고유 식별자
  • type: 위젯 유형 (chart, sheet 등)
  • kind: 위젯 종류 (column, pie, bar 등)
  • style: 위젯 종류에 따른 스타일 (pie, doughnut, halfDoughnut 등)
  • options: 위젯별 고유 설정 옵션
  • dataOptions: 연결된 데이터셋 설정 옵션

그 외에도 각 위젯들마다 별도로 사용되는 속성들이 존재합니다.

참고 사항​

tip
  • 여러 위젯을 배열로 정의하여 한 번에 대시보드에 추가할 수 있습니다.
  • 각 위젯은 고유한 ID를 가져야 합니다.
  • 위젯의 크기는 대시보드 배치 그리드 셀 단위로 지정됩니다.
warning
  • 만약 중복된 위젯 ID가 존재 시 위젯이 제대로 그려지지 않을 수 있습니다.