차트, 그래프로 표시

설정 방법

쿼리(query) 블록 안에 chartOptions를 추가

차트 종류 (type)

  • bar, line, doughnut, polarArea

필요한 정보

  • x축 (가로 축)
  • y축 (세로 축)
type: query
name: 상품 카테고리 비율
resource: mysql.qa
sqlType: select
sql: >
  select `type`, count(id) AS count
  from products
  where `type` IS NOT NULL
  group by `type`
chartOptions:
  type: bar # line, doughnut, polarArea
  x: type
  y: count
showButtonWithResult: true # 조회 버튼 활성화 여부

차트별 yaml

바 차트 bar

10201020
chartOptions:
  type: bar
  x: type
  y: count
showButtonWithResult: true

선 차트 line

998998
chartOptions:
  type: line
  x: type
  y: count
showButtonWithResult: true

원형, 도넛 차트 doughnut

970970
chartOptions:
  type: doughnut
  x: type
  y: count
showButtonWithResult: true

폴라에어리어 차트 polarArea

824824
chartOptions:
  type: polarArea
  x: type
  y: count
showButtonWithResult: true

너비(가로), 높이(세로 길이) 조절

chartOptions 안에 width 와 height 로 조절 가능합니다.

chartOptions:
  type: bar
  x: 날짜
  y: count
  width: 500px
  height: 300px