맨위로가기
 

SBCHART

닫기

extend.candlestick

#2.0.44

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

  • Type : Object
  • Format
    extend: {
      candlestick: {
        auto : true,
        inColor : "#00D000",
        deColor : "#FF1212",
        cornerRadius : 10,
        marker : {
          show : true,
          color : "#2E3A62",
          max : {
            format : function(d) {
              return "최고가격 "+d.high.toLocaleString();
            },
            position : {
              y : -2
            }
          },
          min : {
            format : function(d) {
              return "최소가격  "+d.low.toLocaleString();
            },
            position : {
              x : 10,
              y : 10
            }
          }
        }
      }
    }
    

extend.candlestick.auto

#2.0.44

양봉/음봉에 대한 자동 색상 지정 여부를 설정합니다.

  • Type : Boolean
  • Default : true

extend.candlestick.inColor

#2.0.44

양봉 그래프의 색상을 지정합니다.
global.theme에 관계없이 지정됩니다.

  • Type : String
  • Default : #E72D89

extend.candlestick.deColor

#2.0.44

음봉 그래프의 색상을 지정합니다.
global.theme에 관계없이 지정됩니다.

  • Type : String
  • Default : #3E65F9

extend.candlestick.cornerRadius

#2.0.119

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

  • Type : Number

extend.candlestick.marker.show

#2.0.44

최소수치/최대수치를 나타내는 마커의 show/hide를 지정합니다.

  • Type : Boolean
  • Default : false

extend.candlestick.marker.color

#2.0.44

마커의 삼각형 색상을 지정합니다.
global.theme에 관계없이 지정됩니다.

  • Type : String
  • Default : #FFA500

extend.candlestick.marker.min.format

#2.0.44

최소수치 마커에 표시할 문자/숫자를 정의할 사용자 함수를 지정합니다.

  • Type : Function
  • Parameter :
    • open : open에 해당하는 값입니다.
    • close : close에 해당하는 값입니다.
    • low : low에 해당하는 값입니다.
    • high : high에 해당하는 값입니다.
    • id : 범례(그룹) 아이디입니다.
    • index : 범례 순번입니다. 0부터 시작합니다.

extend.candlestick.marker.min.position

#2.0.44

최소수치 마커의 위치를 조절합니다.

  • Type : Object
  • Format :
    extend: {
      candlestick: {
        marker : {
          show : true,
          min : {
            position : {
              x : 10,
              y : 10
            }
          }
        }
      }
    }
    

extend.candlestick.marker.min.position.x

#2.0.44

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

  • Type : Number
  • Default : 0

extend.candlestick.marker.min.position.y

#2.0.44

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

  • Type : Number
  • Default : 0

extend.candlestick.marker.max.format

#2.0.44

최대수치 마커에 표시할 문자/숫자를 정의할 사용자 함수를 지정합니다.

  • Type : Function
  • Parameter :
    • open : open에 해당하는 값입니다.
    • close : close에 해당하는 값입니다.
    • low : low에 해당하는 값입니다.
    • high : high에 해당하는 값입니다.
    • id : 범례(그룹) 아이디입니다.
    • index : 범례 순번입니다. 0부터 시작합니다.

extend.candlestick.marker.max.position

#2.0.44

최대수치 마커의 위치를 조절합니다.

  • Type : Object
  • Format :
    extend: {
      candlestick: {
        marker : {
          show : true,
          max : {
            position : {
              x : 10,
              y : 10
            }
          }
        }
      }
    }
    

extend.candlestick.marker.max.position.x

#2.0.44

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

  • Type : Number
  • Default : 0

extend.candlestick.marker.max.position.y

#2.0.44

최대수치 마커의 위치를 Y축 방향으로 지정된 값만큼 이동합니다.
(-) 값이면 위로, (+) 값이면 아래로 이동합니다.
svg영역을 벗어나면 svg 최상단으로 위치가 고정됩니다.

  • Type : Number
  • Default : 0