맨위로가기
 

SBCHART

닫기

extend.plot

#2.0.76

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

  • Type : Object
  • Format
    extend: {
      plot: {
        useMultiTooltip : true,
        showMultiTooltipForDown : true,
        noChangeOpacityOnTooltip : false,
        centerLine : {
          show : true,
          showVertical : true,
          showHorizontal : true,
          type : "dotted",
          width : 1,
          color : "silver",
          opacity : 1,
        }
        circle : {
          strokeWidth : 2,
          strokeColor : "red",
          opacity : 0.5,
        }
        radius : {
          min : 4,
          max : 40,
        }
        label : {
          show : true,
          moveX : -20,
          moveY : -40,
          fontSize : 24,
          fontWeight : "bold",
          fontColor : "#2E3A62",
          position : "left",
          usePositionWithRadius : true,
          labelPadding : 20,
        }
      }
    }
    

extend.plot.useLine

#2.0.107

데이터가 0인 값부터 line을 그리지 않도록 하기 위해 설정합니다.
0이 시작된 후부터는 계속 0인 값으로 존재해야 합니다.

  • Type : Boolean
  • Default : false

extend.plot.useMultiTooltip

#2.0.76

circle의 겹치는 영역이 많을 경우 마우스가 위치한 영역을 포함하는 모든 circle의 data를 여러개의 tooltip으로 보여줄지를 지정합니다.

  • Type : Boolean
  • Default : false

extend.plot.noChangeOpacityOnTooltip

#2.0.76

mouse가 움직일때마다 hover되는 circle의 색상을 변경하지 않을지 여부를 지정합니다.

  • Type : Boolean
  • Default : false

extend.plot.centerLine.show

#2.0.76

차트의 수직/수평 중앙선을 보여줄지 여부를 지정합니다.

  • Type : Boolean
  • Default : false

extend.plot.centerLine.showVertical

#2.0.76

차트의 수직 중앙선을 보여줄지 여부를 지정합니다.
show값이 true일 경우에만 적용됩니다.

  • Type : Boolean
  • Default : true

extend.plot.centerLine.showHorizontal

#2.0.76

차트의 수평 중앙선을 보여줄지 여부를 지정합니다.
show값이 true일 경우에만 적용됩니다.

  • Type : Boolean
  • Default : true

extend.plot.centerLine.type

#2.0.76

중앙선의 타입을 지정합니다.
line, dotted, dashed 3가지 타입을 지원합니다.

  • Type : String
  • Default : "line"

extend.plot.centerLine.width

#2.0.76

중앙선의 두께를 지정합니다.

  • Type : Number
  • Default : 1

extend.plot.centerLine.color

#2.0.76

중앙선의 색상을 지정합니다.
global.theme에 관계없이 지정됩니다.

  • Type : String
  • Default : silver

extend.plot.centerLine.opacity

#2.0.76

중앙선의 투명도를 지정합니다.

  • Type : Number
  • Default : 1

extend.plot.circle.strokeWidth

#2.0.76

data를 표시하는 circle의 외곽선 두께를 지정합니다.

  • Type : Number
  • Default : 0

extend.plot.circle.strokeColor

#2.0.76

data를 표시하는 circle의 외곽선 색상을 지정합니다.
global.theme에 관계없이 지정됩니다.

  • Type : String
  • Default : undefined(시스템색상)

extend.plot.circle.opacity

#2.0.76

data를 표시하는 circle의 채워지는 색상 투명도를 지정합니다.

  • Type : Number
  • Default : 1

extend.plot.radius.min

#2.0.76

data를 표시하는 circle의 반지름 최소값을 지정합니다.

  • Type : Number
  • Default : 2

extend.plot.radius.max

#2.0.76

data를 표시하는 circle의 반지름 최대값을 지정합니다.

  • Type : Number
  • Default : 2

extend.plot.label.show

#2.0.76

data를 표시하는 circle에 label을 표시할 지 여부를 지정합니다.

  • Type : Boolean
  • Default : false

extend.plot.label.moveX

#2.0.76

label의 시작위치중 x좌표를 조정할 수 있도록 지정합니다.
( 기본시작위치 : 해당 원의 중심, -값은 왼쪽으로 +값은 오른쪽으로 이동시킵니다 )

  • Type : Number
  • Default : 0

extend.plot.label.moveY

#2.0.76

label의 시작위치중 y좌표를 조정할 수 있도록 지정합니다.
( 기본시작위치 : 해당 원의 중심, -값은 위쪽으로 +값은 아래쪽으로 이동시킵니다 )

  • Type : Number
  • Default : 0

extend.plot.label.fontSize

#2.0.76

circle의 label표시할때, font size를 지정합니다.

  • Type : Number
  • Default : 12

extend.plot.label.fontWeight

#2.0.76

circle의 label표시할때, font 굵기를 지정합니다.

  • Type : String
  • Default : "normal"

extend.plot.label.fontColor

#2.0.76

circle의 label표시할때, font 색상을 지정합니다.

  • Type : String
  • Default : "black"

extend.plot.label.position

#2.0.116

label의 시작위치를 circle의 중심점을 기준으로 지정합니다. (left, right, center, top, bottom 지원)

  • Type : String
  • Default : "right"
  • left : label의 끝부분이 circle의 중점에 위치합니다.

    right : label의 시작부분이 circle의 중점에 위치합니다.

    center : label의 중심부분이 circle의 중점에 위치합니다.

    top : label의 아랫부분이 circle의 중점에 위치합니다..

    bottom : label의 윗부분이 circle의 중점에 위치합니다.

extend.plot.label.usePositionWithRadius

#2.0.116

label의 위치설정시 circle의 반지름을 계산할 지 여부를 설정합니다. (true시에 반지름을 감안하고, false일 경우 반지름을 감안하지 않습니다.)

  • Type : Boolean
  • Default : true

extend.plot.label.labelPadding

#2.0.116

label의 위치중 circle의 중심으로부터 얼마나 더 간격을 둘지를 지정합니다.

  • Type : Number
  • Default : 0

extend.plot.label.showMultiTooltipForDown

#2.0.121

여러개의 tooltip을 사용시 보여주는 방향을 세로방향으로 설정합니다.

  • Default : false