맨위로가기
 

SBCHART

닫기

extend.gauge

#2.0.4

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

  • Type : Object
  • Format 
    extend: {
  gauge: {
      label: {
          show: true,
          format: function(value, ratio) {
              return (value / 100).toFixed(3);
          }
      },
      title: {
          type: "html",
          text: "<p style='color: red;'>title<br>subtitle</p>",
      },
      innerRadius: 20,
      fullCircle: false,
      min: 0,
      max: 100,
      units: "%"
  }
}

extend.gauge.innerRadius

#2.0.4

안쪽 반지름을 지정합니다.
지정하지 않았을 경우는 원의 크기에 따라 자동 계산됩니다.

  • Type : Number

extend.gauge.label.show

#2.0.4

게이지의 가운데에 표시되는 값에 대한 라벨의 표시 여부를 지정합니다.

  • Type : Boolean
  • Default : true

extend.gauge.label.position

#2.0.17

라벨 표시 위치를 지정합니다.

  • Type : String
  • Default : "inner"
  • Values
    • inner : Default 그래프 내부
    • outer : 그래프 외부

extend.gauge.label.format

#2.0.4

게이지의 가운데에 표시되는 값에 대한 라벨을 커스터마이징 합니다.

  • Type : Function
  • Format 
    extend: {
  gauge: {
      label: {
          format: function(value, ratio) {
              return (ratio / 100).toFixed(3);
          }
      }
  }
}
  • Function 파라미터
    • value : 값
    • ratio : 계산된 비율 (0 ~ 1)

extend.gauge.label.innerPosition.x

#2.0.35

게이지의 가운데에 표시되는 라벨의 위치를 x축 방향으로 조절합니다.

  • Type : Number
  • Default: 0

extend.gauge.label.innerPosition.y

#2.0.35

게이지의 가운데에 표시되는 라벨의 위치를 y축 방향으로 조절합니다.

  • Type : Number
  • Default: 0

extend.gauge.fullCircle

#2.0.4

full circle 여부를 지정합니다.
extend.gauge.fullCircle = true일 경우 원으로 표현됩니다.

  • Type : Boolean
  • Default : false

extend.gauge.min

#2.0.4

최솟값을 지정합니다.
최솟값 라벨을 커스터마이징 하려면 Object 형태로 지정합니다.

  • Type : Number / Object
  • Default : 0
  • Format (using Object) 
    extend: {
  gauge: {
      min: {
          show: true,
          value: 0,
          format: function(value) {
              return value + " %";
          }
      }
  }
}

extend.gauge.min.show

#2.0.4

최솟값 라벨을 show/hide 처리합니다.

  • Type : Boolean
  • Default : true

extend.gauge.min.value

#2.0.4

extend.gauge.min를 Object 타입으로 지정하는 경우 최솟값을 지정합니다.

  • Type : Number
  • Default : 0

extend.gauge.min.format

#2.0.4

최솟값 라벨을 커스터마이징 합니다.

  • Type : Function

extend.gauge.max

#2.0.4

최댓값을 지정합니다.
최댓값 라벨을 커스터마이징 하려면 Object 형태로 지정합니다.

  • Type : Number / Object
  • Default : 100
  • Format (using Object) 
    extend: {
  gauge: {
      min: {
          show: true,
          value: 0,
          format: function(value) {
              return value + " %";
          }
      }
  }
}

extend.gauge.max.show

#2.0.4

최댓값 라벨을 show/hide 처리합니다.

  • Type : Boolean
  • Default : true

extend.gauge.max.value

#2.0.4

extend.gauge.max를 Object 타입으로 지정하는 경우 최댓값을 지정합니다.

  • Type : Number
  • Default : 100

extend.gauge.max.format

#2.0.4

최댓값 라벨을 커스터마이징 합니다.

  • Type : Function

extend.gauge.units

#2.0.4

단위 영역에 문자열을 지정합니다.

  • Type : String

extend.gauge.width

#2.0.35

게이지의 폭을 일정한 값으로 설정합니다.

  • Type : Number

extend.gauge.title

#2.0.53

타이틀을 지정합니다.
gauge차트의 경우 title속성이 미적용시 label이 게이지 가운데 영역에 표현되며, title속성이 적용시 label은 게이지 영역에 표시됩니다.

  • Type : String

extend.gauge.title.type

#2.0.53

타이틀을 커스텀마이징합니다.
html 구문을 삽입하고자 한다면 Object Type을 사용합니다.
gauge차트의 경우 title속성이 미적용시 label이 게이지 가운데 영역에 표현되며, title속성이 적용시 label은 게이지 영역에 표시됩니다.

  • Type : String
  • Values
    • "html" : 기본
    • "text" : html 구문

extend.gauge.title.text

#2.0.53

title 영역에 출력할 text를 입력합니다.
html 타입일 경우, html 구문을 입력합니다.
gauge차트의 경우 title속성이 미적용시 label이 게이지 가운데 영역에 표현되며, title속성이 적용시 label은 게이지 영역에 표시됩니다.

  • Type : String