맨위로가기
 

SBCHART

닫기

grid

#2.0.0

그리드를 설정합니다.
X, Y축이 없는 원 계열 차트(원, 도넛, 게이지)는 해당되지 않습니다.

  • Type : Object
  • Format
    grid: {
      x: { 
          show: true,
          useLineStyle: true,
          lineStyle: { 
          	strokeStyle: "dotted",
          	strokeColor: "#FF0000",
          	strokeWidth: 1,
          	strokeOpacity: 0.5,	
          },
      },
      y: { 
          show: false,
          ticks: 5
          lineStyle: { 
          	strokeStyle: "normal",
          	strokeColor: "#FF0000",
          	strokeWidth: 1,
          	strokeOpacity: 0.5,	
          },
      }
    }
    

grid.x.show

#2.0.0

X축 그리드를 show/hide 처리합니다.

  • Type : Boolean
  • Default : true

grid.x.show.useLineStyle

#2.0.115

X축 그리드의 line속성을 설정합니다.

  • Type : Boolean
  • Default : false

grid.x.show.lineStyle.strokeStyle

#2.0.115

X축 그리드의 line의 style을 설정합니다.

  • Type : String
  • Default : normal (normal과 dotted 2가지 지원)

grid.x.show.lineStyle.strokeColor

#2.0.115

X축 그리드의 line 색상을 설정합니다.

  • Type : String
  • Default : silver

grid.x.show.lineStyle.strokeColor

#2.0.115

X축 그리드의 line 두께를 설정합니다.

  • Type : Number
  • Default : 0 (width를 입력하지 않으면 선이 나타나지 않습니다.)

grid.x.show.lineStyle.strokeOpacity

#2.0.115

X축 그리드의 line의 투명도를 설정합니다.

  • Type : Number
  • Default : 1

grid.y.show

#2.0.0

Y축 그리드를 show/hide 처리합니다.

  • Type : Boolean
  • Default : true

grid.y.show.useLineStyle

#2.0.115

Y축 그리드의 line속성을 설정합니다.

  • Type : Boolean
  • Default : false

grid.y.show.lineStyle.strokeStyle

#2.0.115

Y축 그리드의 line의 style을 설정합니다.

  • Type : String
  • Default : normal (normal과 dotted 2가지 지원)

grid.y.show.lineStyle.strokeColor

#2.0.115

Y축 그리드의 line 색상을 설정합니다.

  • Type : String
  • Default : silver

grid.y.show.lineStyle.strokeWidth

#2.0.115

Y축 그리드의 line의 두께를 설정합니다.

  • Type : Number
  • Default : 0 (width를 입력하지 않으면 선이 나타나지 않습니다.)

grid.y.show.lineStyle.strokeOpacity

#2.0.115

Y축 그리드의 line의 투명도를 설정합니다.

  • Type : Number
  • Default : 1

grid.y.ticks

#2.0.0

Y축 그리드 Tick 개수를 지정합니다.

  • Type : Number

grid.y.useAxisYTickValues

#2.0.124

grid의 line위치 및 개수를 tick의 설정값에 맞춰서 그리도록 설정합니다.

  • Type : Boolean
  • Default : false