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

**URL:** <https://ask.selectfromuser.com/t/x-y/85>\
**Category:** 사용 팁\
**Tags:** chartoptions\
**Created:** [11월 30, 2023, 4:19오전 UTC](https://ask.selectfromuser.com/t/x-y/85 "2023-11-30T04:19:28Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![hbkim](https://yyz2.discourse-cdn.com/flex032/user_avatar/ask.selectfromuser.com/hbkim/32/23_2.png) [@hbkim](https://ask.selectfromuser.com/u/hbkim)\
**Post date:** [11월 30, 2023, 4:19오전 UTC](https://ask.selectfromuser.com/t/x-y/85/1 "2023-11-30T04:19:28Z")

</div>

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

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

`indexAxis`

- 인덱스 축 설정

`grid.display`

- 차트 그리드 표시여부

 ![붙여넣은_이미지_2023 __11__ 30__오후_1_17](https://canada1.discourse-cdn.com/flex032/uploads/selectfromuser/original/1X/f2a34c74a224b8fbbafa67ae166488151c03a539.jpeg)

```yaml
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

```