맨위로가기
 

SBCHART

닫기

extend.bar

#2.0.0

막대 차트의 확장 옵션을 지정합니다.

  • Type : Object
  • Format
    extend: {
      bar: {
          width: {
              ratio: 0.6,
              max: 20
          },
          padding: 5,
          topRadius : 10,
          borderRadius : 10,
          useBackground : true,
          background: {
              color: "pink",
              opacity: 0.7
              strokeColor: "sliver",
              strokeWidth: 3
              strokeOpacity: 0.3
              strokeStyle: "dotted",
          },
          showZeroValue : true,
      }
    }
    

extend.bar.width

#2.0.0

각 막대의 너비를 지정합니다.

  • Type : Number / Object

extend.bar.width.ratio

#2.0.0

각 막대의 너비 비율을 지정합니다. 0 ~ 1 사이의 값을 지정합니다.

  • Type : Number
  • Default : 0.6

extend.bar.width.max

#2.0.0

각 막대의 너비 최댓값을 지정합니다. 너비 지정된 비율 값에 따라 max 값을 넘을 경우는 max 값으로 고정됩니다.

  • Type : Number

extend.bar.padding

#2.0.21

각 막대 사이의 padding을 지정합니다.

  • Type : Number
  • Default : 0

extend.bar.topRadius

#2.0.38

각 막대 상단의 곡선 반지름을 설정합니다.
너비/2 값보다 클 경우, 너비/2로 설정됩니다.

  • Type : Number

extend.bar.zerobased

#2.0.0 deprecated #2.0.3 integrate with axis.y.zerobased

값이 모두 양수이거나 모두 음수인 경우 Y축의 최솟값 또는 최대 값이 0으로 설정됩니다.
모두 양수이면 최솟값(Y축 최하단)이 0으로 모두 음수이면 최댓값(Y축 최상단)이 0이 됩니다.

  • Type : Boolean
  • Default : false

extend.bar.borderRadius

#2.0.89

각 막대 상단/하단 모두의 곡선 반지름을 설정합니다.
extend.bar.borderRadius속성을 사용해서 wing차트에서도 사용가능합니다.(extend.bar.borderRadius 형식으로 사용)

  • Type : Number

extend.bar.useBackground

#2.0.89

Bar차트의 배경을 사용할지 여부를 설정합니다.
extend.bar.useBackground속성을 사용해서 wing차트에서도 사용가능합니다(extend.bar.useBackground 형식으로 사용.).

  • Type : Boolean

extend.bar.background.color

#2.0.89

Bar차트의 배경 색상을 설정합니다.
extend.bar.background.color속성을 사용해서 wing차트에서도 사용가능합니다.

  • Type : String

extend.bar.background.opacity

#2.0.89

Bar차트의 배경색의 투명도를 설정합니다.
extend.bar.background.opacity속성을 사용해서 wing차트에서도 사용가능합니다.

  • Type : Number

extend.bar.background.yDirectionReverse

#2.0.129

막대의 시작위치를 반대로 설정합니다.

  • Type : Boolean
  • Default : false

extend.bar.background.strokeColor

#2.0.129

Bar차트의 배경색 테두리 색상을 설정합니다.

  • Type : String
  • Default : "none"

extend.bar.background.strokeWidth

#2.0.129

Bar차트의 배경색 테두리의 두께를 설정합니다.

  • Type : Number
  • Default : 1

extend.bar.background.strokeOpacity

#2.0.129

Bar차트의 배경색의 테두리 투명도를 설정합니다.

  • Type : Number
  • Default : 1

extend.bar.background.strokeStyle

#2.0.129

Bar차트의 배경색 테두리의 Style를 설정합니다.

  • Type : String
  • Default : "normal"

extend.bar.ondoubleclick

#2.0.151

bar차트에서 double click event를 설정합니다.

  • Type : Function
  • Default : undefined

extend.bar.showZeroValue

#2.0.155

Bar차트에서 값이 0일때 label을 보여지도록 설정합니다.

  • Type : Boolean
  • Default : false