맨위로가기
 

SBCHART

닫기

axis.y.tick

#2.0.0

Y축 Tick의 개수와 라벨 등을 지정합니다.

  • Type : Object
  • Format
    axis: {
      y: {
          tick: {
              format: function(d) { return d + "%"; },
              count: 5,
              values: [2, 4, 10],
              outer: true,
              rotate: 0,
              noUsePadding: false,
              culling: {
                  max: 5
              },
              line: {
                  show: false
              },
              text: {
                  show: false
              }
          }
      }
    }
    

axis.y.tick.format

#2.0.0

Y축 Tick에 표시할 문자/숫자를 정의할 사용자 함수입니다.
파라미터로 Y축 값을 넘겨받고 tick에 표시할 문자/숫자를 리턴하는 함수를 지정합니다.

  • Type : Any

axis.y.tick.count

#2.0.0

Y축에 표시할 Tick의 개수를 지정합니다.

  • Type: Number

axis.y.tick.values

#2.0.0

Y축에서 해당 값을 가진 Tick만 나타납니다.

  • Type: Any[]

axis.y.tick.outer

#2.0.0

Y축 바깥쪽 Tick 표시 여부를 지정합니다.

  • Type: Boolean
  • Default: true

axis.y.tick.rotate

#2.0.3

Y축 Tick을 주어진 각도로 회전합니다.
axis.rotated == true 일 때(가로 차트)만 허용합니다.

  • Type: Number
  • Default: 0

axis.y.tick.multiline

#2.0.124

Y축 Tick에 label을 표시할 때, 멀티라인 여부를 설정합니다.
axis.rotated == false 일 때(세로 그래프)만 허용합니다.

  • Type: Boolean
  • Default: trie

axis.y.tick.noUsePadding

#2.0.76

Y축 Tick에 X축 min/max값 설정시 여유값을 이용할지 말지를 설정합니다.(default : false)
Y축 min/max값이 설정되어 있어야 합니다.(plot차트에서만 사용)

  • Type: Boolean
  • Default: false

axis.y.tick.culling.max

#2.0.21

Y축 Tick의 Text의 max값을 지정할 수 있습니다. (max값이기 때문에 지정한 수보다 적게 나올 수 있습니다.).

  • Type: Number

axis.y.tick.line.show

#2.0.21

Y축 Tick의 Line의 노출 여부를 설정합니다.

  • Type: Boolean
  • Default: true

axis.y.tick.text.show

#2.0.21

Y축 Tick의 Text의 노출 여부를 설정합니다.

  • Type: Boolean
  • Default: true

axis.y.tick.text.useSelectionColorByClick

#2.0.153

tick label을 click시에 스타일을 주어서 색을 바꿀수 있도록 설정합니다.

  • Type: String
  • Default: undefiend

axis.y.tick.useIntegerValues

#2.0.166

y축 tick의 값을 n분1에 가까운 정수형태로 설정합니다.

  • Type: Boolean
  • Default: false