차트 x, y축의 방향 바꾸기

[hbkim]

차트로 순위별 정도를 확인하고 싶을때 차트의 X, Y축의 방향을 바꾸면 직관적으로 볼 수 있습니다.

아래 예제를 함께 살펴보세요.

indexAxis

• 인덱스 축 설정

grid.display

• 차트 그리드 표시여부

chartOptions:
  height: 500px
  type: bar
  x: name
  backgroundColor:
    volume: "#555"
  borderWidth:
    volume: 0
  y: 
    - volume
    
  options:
    indexAxis: y
    scales:
      x:
        grid:
          display: false
      y:
        grid:
          display: false
    plugins:
      legend:
        position: left