맨위로가기
 

SBCHART

닫기

extend.barrange

#2.0.36

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

  • Type : Object
  • Format 
    extend: {
  barrange: {
      type: "arrow",
      width: 5,
      cornerRadius : 10,
      imageSetting  : {
       useImages: true,
       imgW: 30,
       imgH: 30,
       locationH: "left",
       locationV: "top",
       moveX: 1,
      },
  }
}

extend.barrange.type

#2.0.36

barrange 차트의 형태를 설정합니다.

  • Type : String
  • Default : "bar"
  • Values
    • bar
    • arrow
    • circle

extend.barrange.width

#2.0.36

barrange 차트의 타입이 arrow, circle일 경우, line의 두께를 설정합니다.

  • Type : Number

extend.barrrange.cornerRadius

#2.0.119

각 영역(원호) 양 끝의 모서리를 둥글게 만듭니다.

  • Type : Number

extend.barrrange.imageSetting.useImages

#2.0.121

barrange에서 image를 사용하도록 설정합니다.

  • Default : false

extend.barrrange.imageSetting.imgW

#2.0.121

image의 크기중 넓이를 설정합니다.

  • Default : 0

extend.barrrange.imageSetting.imgH

#2.0.121

image의 크기중 높이를 설정합니다.

  • Default : 0

extend.barrrange.imageSetting.locationH

#2.0.121

이미지의 위치중 가로위치에 대해서 설정합니다.
left, middle, right를 지원합니다.
range bar를 기준으로 왼쪽/중앙/오른쪽을 나타냅니다.

  • Default : middle

extend.barrrange.imageSetting.locationV

#2.0.121

이미지의 위치중 세로위치에 대해서 설정합니다.
top, center, bottom를 지원합니다.
range bar를 기준으로 위쪽/중앙/아래쪽을 나타냅니다.

  • Default : center

extend.barrrange.imageSetting.moveX

#2.0.121

image의 위치중 x값에 대해서 detail하게 설정할 수 있습니다.
locationH를 기준으로 얼만큼 이동할 지를 추가로 설정합니다.
단위는 pixel단위 입니다.
음수는 왼쪽 방향으로 양수는 오른쪽 방향으로 추가 이동 시킵니다.

  • Default : 0

extend.barrrange.imageSetting.moveY

#2.0.121

image의 위치중 y값에 대해서 detail하게 설정할 수 있습니다.
locationV를 기준으로 얼만큼 이동할 지를 추가로 설정합니다.
단위는 pixel단위 입니다.
음수는 왼쪽 방향으로 양수는 오른쪽 방향으로 추가 이동 시킵니다.

  • Default : 0