extend.donut

#2.0.0


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

  • Type : Object

  • Format

    extend: {
      donut: {
          label: {
              show: true,
              format: function(value, ratio, id) {
                  return (ratio * 100).toFixed(3) + "%";
              }
          },
          innerRadius: 20,
          padding: 0,
          fullCircle: true,
          title: "점유율"
      }
    }
    

extend.donut.innerRadius

#2.0.0

안쪽 반지름을 지정합니다.

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

  • Type : Number

extend.donut.padding

#2.0.0

각 영역(원호) 사이의 여백을 지정합니다.

  • Type : Number

  • Default : 0

extend.donut.label.show

#2.0.0

라벨 표시 여부를 지정합니다.

  • Type : Boolean

  • Default : true

extend.donut.label.format

#2.0.0

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

  • Type : Function

  • Format
    extend: {
      donut: {
          label: {
              format: function(value, ratio, id) {
                  return (ratio * 100).toFixed(3) + "%";
              }
          }
      }
    }
    
  • Function 파라미터

    • value : 값

    • ratio : 계산된 비율 (0 ~ 1)

    • id : 범례 ID

extend.donut.title

#2.0.4

타이틀을 지정합니다.

title 옵션과는 구별되어 도넛의 가운데 영역에 표현됩니다.

  • Type : String

extend.donut.fullCircle

#2.0.4

full circle 여부를 지정합니다.

extend.donut.fullCircle = false일 경우 반원으로 표현됩니다.

  • Type : Boolean

  • Default : true