맨위로가기
 

SBCHART

닫기

extend.treemap

#2.0.55

treemap 차트에 대한 확장 옵션을 지정합니다.

  • Type : Object
  • Format
    extend: {
      treemap: {
        innerGap : 1,
        sorting : "size",
        itemTextShow : true,
        itemTextColor : "#FFFFFF",
        itemTextFitting : true,
        itemTextHorizontal : "center",
        itemTextVertical : "middle",
        contentColorType : "json",
        gradationItem : "value",
        gradationColor : {
          useMiddleColor : true,
          startColor : "#DC6967",
          middleColor : "#F2E209",
          endColor : "#67C531",
        }
        groupTitleShow : true,
        groupTitleBackgroundColorRootLevel : "#FFFFFF",
        groupTitleHeight : 30,
        groupTitleColor : "black",
        groupTitleBackgroundColor : "#EEEEEE",
        groupTitlePosition : "center",
      }
    }
    

extend.treemap.innerGap

#2.0.55

각 셀의 간격을 설정합니다.

  • Type : Number

extend.treemap.sorting

#2.0.55

셀 표시를 입력순으로 또는 크기순으로 설정합니다.
속성값으로 "" 사용시 데이터 순으로 표시됩니다.

  • Type : String
  • Values
    • "" : 데이터 순서
    • "size" : 크기별 순서 (data.keys.keyItem기준)

extend.treemap.itemTextShow

#2.0.55

셀 내부 라벨의 표시 여부를 설정합니다.

  • Type : Boolean
  • Default : false

extend.treemap.itemTextColor

#2.0.55

셀 내부 라벨의 색상을 설정합니다.
itemTextShow 속성값이 true시 사용가능합니다.

  • Type : String
  • Default : #ffffff

extend.treemap.itemTextFitting

#2.0.55

셀 내부 라벨 길이가 셀 너비보다 작은 경우만 표시할지 여부를 선택합니다.
itemTextShow 속성값이 true시 사용가능합니다.

  • Type : Boolean
  • Default : false

extend.treemap.itemTextHorizontal

#2.0.55

셀 내부 라벨의 가로 정렬을 지정합니다.
itemTextShow 속성값이 true시 사용가능합니다.

  • Type : String
  • Values
    • "left" : 왼쪽 정렬
    • "center" : 중앙 정렬
    • "right" : 오른쪽 정렬
  • Default : "left"

extend.treemap.itemTextVertical

#2.0.55

셀 내부 라벨의 세로 정렬을 지정합니다.
itemTextShow 속성값이 true시 사용가능합니다.

  • Type : String
  • Values
    • "top" : 상단 정렬
    • "middle" : 중앙 정렬
    • "bottom" : 하단 정렬
  • Default : "middle"

extend.treemap.contentColorType

#2.0.55

셀 배경색을 json데이터에 설정된 색상을 표시할 지, gradation속성을 사용할지 default색상으로 설정할지 여부를 설정합니다.

  • Type : String
  • Values
    • "default" : 기본 색상 설정
    • "json" : json데이터에 설정한 color값
    • "gradation" : 그라데이션 설정
  • Default : "default"

extend.treemap.gradationItem

#2.0.55

그라데이션 적용하기 위한 기준을 설정합니다.
contentColorType속성값이 "gradation" 그리고 gradationColor속성 사용시 사용가능합니다.

  • Type : String
  • Values
    • "value" : data.keys.keyItem값의 크기순으로 색상 적용
    • "count" : 아이템의 개수만큼 나눈 후 순서대로 색상을 적용
  • Default : "value"

extend.treemap.gradationColor.useMiddleColor

#2.0.55

그라데이션 속성 사용시 middleColor지정 여부를 설정합니다
contentColorType속성값이 "gradation"일때 동작합니다.

  • Type : Boolean
  • Default : false

extend.treemap.gradationColor.startColor

#2.0.55

그라데이션의 시작 색상을 설정합니다.

  • Type : String

extend.treemap.gradationColor.endColor

#2.0.55

그라데이션의 종료 색상을 설정합니다.

  • Type : String

extend.treemap.gradationColor.middleColor

#2.0.55

그라데이션의 중간 색상을 설정합니다.
useMiddleColor속성값이 true시 사용가능합니다.

  • Type : String

extend.treemap.groupTitleShow

#2.0.55

그룹 타이틀 표시 여부를 설정합니다.

  • Type : Boolean
  • Default : false

extend.treemap.groupTitleHeight

#2.0.55

그룹 타이틀 높이를 설정합니다.
groupTitleShow속성값이 true시 사용가능합니다.

  • Type : Number

extend.treemap.groupTitleBackgroundColorRootLevel

#2.0.55

최상단 그룹타이틀 배경색을 설정합니다.

  • Type : String

extend.treemap.groupTitleBackgroundColor

#2.0.55

최상단 그룹 타이틀영역을 제외한 나머지 그룹 타이틀 영역의 배경색을 지정합니다.

  • Type : String

extend.treemap.groupTitleColor

#2.0.55

그룹 타이틀 텍스트 색상을 설정합니다.

  • Type : String

extend.treemap.groupTitlePosition

#2.0.55

그룹 타이틀 텍스트 가로 정렬을 설정합니다.

  • Type : String
  • Values
    • "left" : 왼쪽 정렬
    • "center" : 중앙 정렬
    • "right" : 오른쪽 정렬
  • Default : "left"

extend.treemap.compensation

#2.0.125

셀의 크기가 너무 작은 경우를 대비하여 기본적인 보상값을 설정합니다.

  • Type : Number
  • Default : 0