맨위로가기
 

SBCHART

닫기

data.labels

#2.0.0

라벨 표시 여부를 지정합니다.
range계열 차트(barrange, candlestick)는 제외되며,
원계열 차트(원, 도넛, 게이지)는 extend.pie.label, extend.donut.label, extend.gauge.label 항목에서 각각 설정할 수 있습니다.

  • Type : Boolean / Object
  • Default : false
  • Format
    • Boolean Type 
      data: {
  labels: false
}
    • Object Type 
      data: {
  labels: {
      format: function(value, id, index, ratio) {
          return value;
      },
      position: {
          x: 0,
          y: 0
      }
  }
}

data.labels.format

#2.0.0

라벨을 커스터마이징 합니다.
범례 별로 라벨을 다른 방식으로 커스터마이징 하고자 한다면 “Object Type”을 사용합니다.
ratio 파라미터의 경우 stackbar.100, stackarea.100에서 사용하고, %비율을 받아올 수 있습니다.
개행 사용시 data.useLabelMultiLine을 true로 설정하셔야 사용가능합니다.

  • Type : Function \ Object
  • Format
    • Function Type 
      data: {
  labels: {
      format: function(value, id, index, ratio) {
          return value;
      }
  }
}
    • Object Type 
      data: {
  labels: {
      format: { 
          data1: function(value, id, index, ratio) {
              return value;
          }, 
          data2: function(value, id, index, ratio) {
              return value;
          }
      }
  }
}
  • Function 파라미터
    • value : 값
    • id : 범례 아이디
    • index : 그룹 Index (번호)
    • ratio : 비율값 (stackbar.100, stackarea.100 전용)

data.labels.position

#2.0.0

라벨의 위치를 조정합니다.

  • Type : Object
  • Format 
    data: {
  labels: {
      position: {
          x: 0,
          y: 0
      }
  }
}

data.labels.position.x

#2.0.0

라벨의 위치를 X축 방향으로 지정된 값만큼 이동합니다.
(-) 값이면 좌측, (+) 값이면 우측으로 이동합니다.

  • Type : Number
  • Default: 0

data.labels.position.y

#2.0.0

라벨의 위치를 Y축 방향으로 지정된 값만큼 이동합니다.
(-) 값이면 위로, (+) 값이면 아래로 이동합니다.

  • Type : Number
  • Default: 0

data.labels.rotate

#2.0.0

라벨을 주어진 각도로 회전합니다.
일부 차트에서만 동작합니다.
axis.rotated 설정시 지원하지 않습니다.

  • Type : Number
  • Default: 0

data.labels.avoidCollisionRange

#2.0.164

라벨의 위치를 변경할 영역을 설정합니다.
이전 라벨의 높이(pixel단위)를 기준으로 주어진 영역에 포함되면 설정한 값만큼 y값이 변경됩니다.
일부 차트에서만 동작합니다.
axis.rotated 설정시 지원하지 않습니다.

  • Type : Number
  • Default: 0

data.labels.avoidCollisionCompensation

#2.0.164

라벨의 위치를 변경할 위치를 설정합니다.
avoidCollisionRange영역에 포함된 경우, 라벨의 높이(pixel단위)를 주어진 값만큼 추가로 변경됩니다.
일부 차트에서만 동작합니다.
axis.rotated 설정시 지원하지 않습니다.

  • Type : Number
  • Default: 0